Tôi có điểm ngắt trong tệp .js nguồn (được tải qua bản đồ nguồn) khi tôi trỏ đến bằng công cụ chrome dev trong tab nguồn, nó không bị nhấn. Đôi khi tôi có thể khiến họ bị trúng nếu tôi nhấp vào nút định dạng {} nhưng nhấn và bỏ lỡ.Điểm ngắt trong tệp trong chrome không bị nhấn khi sử dụng webpack sourcemaps
Bất kỳ ý tưởng nào?
"devDependencies": {
"autoprefixer-loader": "^3.1.0",
"babel-core": "^6.1.20",
"babel-loader": "^6.1.0",
"babel-preset-es2015": "^6.1.18",
"babel-preset-stage-1": "^6.3.13",
"css-loader": "^0.23.1",
"material-ui": "^0.14.0",
"style-loader": "^0.13.0",
"stylus-loader": "^1.5.1",
"tape": "^4.2.2",
"webpack": "^1.12.12",
"webpack-dev-server": "^1.12.1"
},
"dependencies": {
"babel-polyfill": "^6.1.19",
"moment": "^2.11.2",
"normalize.css": "^3.0.3"
}
webapck:
module.exports = {
entry: [
'babel-polyfill',
'./app/app.js'
],
output: {
publicPath: '/',
filename: 'dist/main.js'
},
debug: true,
devtool: 'source-map',
module: {
loaders: [
{
test: /\.js$/,
include: path.join(__dirname, 'app'),
loader: 'babel',
query: {
presets: ['es2015']
}
},
{ test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader' },
{ test: /\.css$/, loader: 'style-loader!css-loader' }
]
},
resolve: {
extensions: ["", ".webpack.js", ".web.js", ".js", ".css",".styl"]
}
};
thể được liên quan đến https://github.com/webpack/webpack/issues/2145 TLDR: cố gắng 'inline- source-map ' – Fiddles