[英]How to have a more readable bundle.js with webpack (sourcemap)?
我正在尝试创建我的第一个webpack项目,但我找不到一种方法来将表示输出bundle.js中的模块的数字键更改为描述性字符串,以便在调试器中更容易跟踪它。 。
我已经尝试了output.chunkFilename和output.sourceMapFilename但没有成功。
这是我的gulp任务的样子:
gulp.task('webpack', function (done) {
webpack({
entry: {
app: paths.src + "/main.js",
vendor: ['react/addons', 'lodash']
},
output: {
path: paths.dist,
filename: "bundle.js",
sourceMapFilename: '[file].js'
},
plugins: [
new webpack.optimize.CommonsChunkPlugin("vendor", 'vendor.bundle.js', Infinity)
]
}, function onWebpackComplete(err, stats) {
if (err) throw new gutil.PluginError("webpack", err);
done();
});
});
它甚至可能吗? 我用错了吗? 有没有更好的办法?
谢谢!
在webpack.config.js文件中添加exports.output.pathinfo = true
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.