当运行一个使用webpack 2构建的应用程序时,在chrome中检测到源地图,但没有加载原始源。我用的是webpack beta21。
这些文件通常是自动检测的,例如,当在从webpack js文件的输出中放置断点时,源代码视图将跳转到对webpack的原始源代码输入。但现在我坚持使用这个屏幕:
配置:
var path = require("path");
var webpack = require("webpack");
var WebpackBuildNotifierPlugin = require('webpack-build-notifier');
const PATHS = {
app: path.join(__dirname, '../client'),
build: path.join(__dirname, '../public')
};
module.exports = {
entry: {
app: PATHS.app + '/app.js'
},
output: {
path: PATHS.build,
filename: '[name].js'
},
devtool: "source-map",
module: {
loaders: [
{
test: /\.js?$/,
loader: 'babel-loader',
include: [
path.resolve(__dirname, 'client'),
],
exclude: /node_modules/
},
{
test: /\.css/,
loader: "style!css"
}
]
},
resolve: {
// you can now require('file') instead of require('file.js')
extensions: ['', '.js', '.json']
} ,
plugins: [
new WebpackBuildNotifierPlugin()
]
};
发布于 2017-12-27 01:25:55
如果你要映射到一个工作区,那就意味着你已经有了源代码。将源代码包含在源代码映射中会造成不必要的冗余。
请改用nosources-source-map
。
发布于 2016-09-03 20:01:58
外部源地图的问题已经在Chrome 52中修复了,但看起来你的devtool设置与我的不同,我使用:
devtool: '#source-maps'
你是如何构建你的源代码的?如果您正在使用-d
运行,则会切换到内联源地图
https://stackoverflow.com/questions/39146381
复制相似问题