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

Question

我读了这个问题source maps files in production - is it safe?。我想用源代码在不同的文件夹中生成源映射文件。有没有办法用webpack做到这一点？我也读过这个帖子Relative SourceMap paths for debugging in WebStorm并经过测试但又失败了。

Answer 1

你可以这样使用output.sourceMapFilename：

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

然后仅从bundles文件夹中提供。

Answer 2

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

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

最好将值定义如下：

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

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