是否可以從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"
}