是否可以从Webpack源地图中删除“ sourcesContent”？

Question

我们正在开发一个大型的React应用程序，我们的webpack版本中的源映射已经超过12MB。 这似乎是在Chrome开发工具中间歇性地无法解析（ Failed to parse SourceMap错误）引起的问题。

现在，我们正在从本地文件系统加载源文件，并更改了webpack配置以更改引用位置，如下所示：

output: {
  devtoolModuleFilenameTemplate: "file://[absolute-resource-path]",
  devtoolFallbackModuleFilenameTemplate: "file://[absolute-resource-path]?[hash]",
}

这可以正常工作，并且devtools现在可以从文件系统加载源文件，但是并不能阻止它们被编译为"sourcesContent"下的"sourcesContent" 。 我在文档中找不到任何参考，并且似乎没有关闭它的选项。

Answer 1

原来有一个新的（ISH） 无证 （在写作时）的方式用的WebPack做这毕竟noSources中的选项webpack.SourceMapDevToolPlugin ：

const webpackConfig = {
    devtool: false,
    plugins: [
        new webpack.SourceMapDevToolPlugin( {
            moduleFilenameTemplate: 'file://[absolute-resource-path]',
            fallbackModuleFilenameTemplate: 'file://[absolute-resource-path]?[hash]',
            noSources: true
        } ) 
    ],
    ...
};

Answer 2

也有nosources-source-map为选项devtool在的WebPack配置，其在不源内容（将产生源文档 ）：

{
  ...
  devtool: "nosources-source-map"
}