webpack3からwebpack4に移行しようとしています。
私が抱えている問題はCommonsChunkPluginにあり、webpack(npm run webpack-dev-server -- --config config/webpack.dev.js
)を実行しようとすると、次のエラーが発生します。
module.js:529
throw err;
^
Error: Cannot find module 'webpack/lib/optimize/CommonsChunkPlugin'
at Function.Module._resolveFilename (module.js:527:15)
at Function.Module._load (module.js:476:23)
at Module.require (module.js:568:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (/Users/antoinepissot/DEV/Reports/config/webpack.common.js:17:28)
at Module._compile (module.js:624:30)
at Object.Module._extensions..js (module.js:635:10)
at Module.load (module.js:545:32)
at tryModuleLoad (module.js:508:12)
at Function.Module._load (module.js:500:3)
この問題の原因は何ですか?
私が見WebPACKのgithubの上の変更ログとCommonsChunkPluginが削除されていることがわかりました
しかし、webpackのドキュメントを見ると、バージョン4.1.1のCommonsChunkPluginが見つかります。
私の直感CommonsChunkPlugin
は、非推奨であり、使用する必要があることを教えてくれますoptimization.splitChunks
。
誰かが問題を経験し、バージョン3から4に移行するための良いチュートリアルを見つけましたか?
Vardiusがコメントで指摘したように、CommonsChunkPluginは削除されました。
webpack 4では、この動作はwebpackconfigのルートにある「optimization」フィールドを使用して行われます。
たとえば、これは私のwebpack.config.jsが今どのように見えるかです:
module.exports = function () {
return {
resolve: ...
module: ...
plugins: ...
optimization: {
namedModules: true, // old NamedModulesPlugin()
splitChunks: { // old CommonsChunkPlugin
chunks: "all"
},
runtimeChunk: true,
concatenateModules: true // old ModuleConcatenationPlugin
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加