javascript - 是否可以从 webpack 源映射中删除 "sourcesContent"？

Question

我们正在开发一个大型 React 应用程序，并且我们的 webpack 构建生成的源映射已超过 12MB。这似乎会导致 Chrome 开发工具出现问题，间歇性无法解析(无法解析 SourceMap 错误)。

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

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

这工作正常，开发工具现在从文件系统加载源文件，但这并不能阻止它们被编译到“sourcesContent”下的源映射中。我在文档中找不到任何引用，而且似乎没有关闭此功能的选项。

Answer 1

原来有一个新的(ish)undocumented (在撰写本文时)毕竟，使用 webpack 执行此操作的方法是 webpack.SourceMapDevToolPlugin 的 noSources 选项:

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