Javascript 如何使用webpack（sourcemap）创建更具可读性的bundle.js？

我正在尝试创建我的第一个webpack项目，但我找不到将数字键（表示output bundle.js中的模块）更改为描述性字符串的方法，以便在调试器中更容易跟踪它…

我尝试了output.chunkFilename和output.sourceMapFilename，但没有成功

这就是我的吞咽任务的样子：

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

嗨，我在这里添加了你的行：但是当我的webpack watch运行时，我仍然看不到任何

映射

文件