Ist es möglich, "sourcesContent" aus den webpack source maps zu entfernen?

Question

Wir arbeiten an einer großen React-Anwendung und die Quellkarten, die aus unserem Webpack-Build stammen, haben über 12 MB erreicht. Dies scheint Probleme in den Chrome-Entwicklertools zu verursachen, bei denen sie zeitweise nicht parsen (Failed to parse SourceMap Fehler).

Wir laden jetzt die Quelldateien aus dem lokalen Dateisystem und haben die webpack Config geändert, wie so die Referenzposition zu ändern:

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

Das funktioniert gut und die devtools nun die Quelldateien laden aus dem Dateisystem, aber es hindert sie nicht daran, in die Quellkarten unter "sourcesContent" kompiliert werden. Ich kann in den Dokumenten keine Referenz finden, und es scheint keine Option zu geben, dies abzuschalten.

Answer 1

Stellt sich heraus, es ist ein neues (ish) undocumented (zum Zeitpunkt des Schreibens) Weg, dies schließlich mit webpack zu tun, die noSources Option der webpack.SourceMapDevToolPlugin:

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