webpack 5でノードコアモジュールをポリフィルする方法 質問する

webpack 5でノードコアモジュールをポリフィルする方法 質問する

webpack 5 では、Node Core モジュールの自動ポリフィルが行われなくなりました。どうすれば修正できますか?

重大な変更: webpack < 5 では、デフォルトで node.js コア モジュールのポリフィルが含まれていました。これはもう当てはまりません。このモジュールが必要かどうかを確認し、ポリフィルを構成してください。

エラー

ベストアンサー1

webpack v4からv5にアップグレードするときにもこれらのエラーが発生していました。次の変更を加えることで解決しました。webpack.config.js

解決.fallbackプロパティを追加しました

削除されたノードプロパティ

{
resolve: {
  modules: [...],
  fallback: {
    "fs": false,
    "tls": false,
    "net": false,
    "path": false,
    "zlib": false,
    "http": false,
    "https": false,
    "stream": false,
    "crypto": false,
    "crypto-browserify": require.resolve('crypto-browserify'), //if you want to use this module also don't forget npm i crypto-browserify 
  } 
},
entry: [...],
output: {...},
module: {
  rules: [...]
},
plugins: [...],
optimization: {
  minimizer: [...],
},
// node: {
//   fs: 'empty',
//   net: 'empty',
//   tls: 'empty'
// },
}

v4 から v5 にアップグレード =>https://webpack.js.org/migrate/5/#クリーンアップ構成

おすすめ記事