브라우저 디버거 (어떤 내가 웹팩 2 바벨 6</p> <p>내가 가진 문제는 비 작동 디버거를 사용하는 새 프로젝트를 설정하기 위해 지난 몇 시간을 보냈어요

Question

웹팩 2 웹팩-DEV-서버와 작동하지 브라우저). 중단 점은 단순히 무시됩니다. debugger;을 사용하면 잘 작동하지만 브라우저가 해당 행에서 정확하게 실행을 중단하지 않습니다.

webpack.config.js:

const path = require("path"); 

module.exports = { 
    entry: path.resolve(__dirname, "src", "index.js"), 
    output: { 
     filename: "app.js", 
     path: path.resolve(__dirname, "dist") 
    }, 
    module: { 
     rules: [{ 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: "babel-loader" 
     }] 
    }, 
    devServer: { 
     contentBase: path.resolve(__dirname, "dist") 
    } 
}; 

.babel.rc:

{ 
    "presets": [ 
    "latest" 
    ] 
} 

내가 webpack-dev-server -d

Answer 1

devtool으로 모든 일을 실행 해요 "소스지도", 웹팩 설정에 옵션을 해결해야 당신의 문제.

entry: ['babel-polyfill', './src/index.jsx'], 
output: { 
    filename: 'js/bundle.[hash].js', 
    path: path.resolve(__dirname, 'build'), 
    publicPath: '/' 
}, 
resolve: { 
    extensions: ['.js', '.jsx'], 
    alias: { 
     config: path.join(__dirname, `config/${env}.configuration.js`) 
    } 
}, 
**devtool: "source-map",** 
module: { 
    rules: [ 
     { 
      test: require.resolve('jquery'), 
      use: [ 
       { 
        loader: 'expose-loader', 
        options: 'jQuery' 
       } 
      ] 
     },