如何将调试添加到我的 webpack 配置
how do I add debug to my webpack config
我已经将我的一个项目从 browserify 转移到 webpack,我只是想知道如何将调试添加到配置文件,类似于 browserify --debug
来提供源映射。
这是我的 webpack.config 文件:
module.exports = {
entry: './src/js/main.js',
output: {
filename: 'bundle.js',
path: './src/public/',
publicPath: 'public'
},
module: {
loaders: [
{ test: /\.js$/, loader: 'babel-loader' }
]
}
};
看来我只需要添加源映射:devtool: 'source-map'
module.exports = {
devtool: 'source-map',
entry: './src/js/main.js',
output: {
filename: 'bundle.js',
path: './src/public/',
publicPath: 'public'
},
module: {
loaders: [
{ test: /\.js$/, loader: 'babel-loader' }
]
}
};
如果您使用的是 webpack 版本 4+ 然后添加此配置
开发工具:'inline-source-map'
在你的 webpack.config.js
我已经将我的一个项目从 browserify 转移到 webpack,我只是想知道如何将调试添加到配置文件,类似于 browserify --debug
来提供源映射。
这是我的 webpack.config 文件:
module.exports = {
entry: './src/js/main.js',
output: {
filename: 'bundle.js',
path: './src/public/',
publicPath: 'public'
},
module: {
loaders: [
{ test: /\.js$/, loader: 'babel-loader' }
]
}
};
看来我只需要添加源映射:devtool: 'source-map'
module.exports = {
devtool: 'source-map',
entry: './src/js/main.js',
output: {
filename: 'bundle.js',
path: './src/public/',
publicPath: 'public'
},
module: {
loaders: [
{ test: /\.js$/, loader: 'babel-loader' }
]
}
};
如果您使用的是 webpack 版本 4+ 然后添加此配置
开发工具:'inline-source-map'
在你的 webpack.config.js