我可以将webpack源地图和源代码文件放在seprate文件夹中吗？

Question

我在生产中阅读了这个问题源地图文件 - 这样安全吗？.我想用源代码在不同的文件夹中生成源映射文件.有没有办法用webpack做到这一点？我还在WebStorm中读取了此线程的相对SourceMap路径以进行调试并进行了测试,但再次失败.

Answer 1

您可以这样使用output.sourceMapFilename:

output: {
    filename: "bundles/[name].[chunkhash].min.js",
    sourceMapFilename: 'maps/[name].[chunkhash].map.js'
},

然后只从bundles文件夹中提供服务.

Answer 2

正如伊万所写，解决方案是使用 output.sourceMapFilename

但是，webpack 文档中推荐的解决方案是仅使用[file]占位符（默认值为[file].map）。

然后最好将值定义如下：

output: {
    filename: 'js/[name]-[chunkhash].js',
    sourceMapFilename: 'sourceMap/[file].map'
},

然后您将保留结构，它也适用于 css sourceMaps