是否有可能删除＆＃34; sourcesContent＆＃34;来自webpack源地图？

Question

我们正在开发一个大型的React应用程序，而来自我们的webpack构建的源图已达到12MB以上。这似乎导致Chrome开发工具出现问题，间歇性地无法解析（Failed to parse SourceMap错误）。

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

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

这很好用，devtools现在从文件系统加载源文件，但它不会阻止它们被编译到"sourcesContent"下的源图中。我无法在文档中找到任何参考资料，而且似乎无法将其关闭。

Answer 1

事实证明，有一个新的（ish）undocumented（在撰写本文时）使用webpack执行此操作的方法，noSources的{​​{1}}选项：

webpack.SourceMapDevToolPlugin

Answer 2

webpack配置中还为nosources-source-map提供了devtool选项，该选项创建了没有源内容（docs）的源：

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