2016-06-17 5 views
0

私たちは大規模なReactアプリケーションを開発しており、Webpackビルドから出てくるソースマップは12MBを超えています。これは間違って解析できないChrome開発ツールで問題を引き起こしているようです(Failed to parse SourceMapエラー)。webpackソースマップから "sourcesContent"を削除することはできますか?

我々は今、ローカルファイルシステムからソースファイルをロードしているので、同様に基準位置を変更するにはWebPACKのコンフィグを変更した:

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

これが正常に動作しているとデベロッパーツールは現在のソースファイルをロードしますファイルシステムから取得することはできませんが、ソースマップにコンパイルされるのを妨げるものではありません。"sourcesContent"。私はドキュメント内の参照を見つけることができず、これをオフにするオプションがないようです。

答えて

2

新しい(っぽい)undocumented(執筆時点で)、結局のWebPACKでwebpack.SourceMapDevToolPluginnoSourcesオプションをこれを行う方法があるが判明:

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