📝

Webpack5ではprocessはundefinedになる

2022/02/13に公開

概要

久々にwebpackをinstallして使ったところ環境変数を読み込む時にエラーになったのでメモ
Uncaught ReferenceError: process is not defined

webpack5ではNode.jsのpolyfillの自動挿入が廃止になった

ProvidePluginを使うとimportなしでglobalに使える

module.exports = {
  ...
  plugins: [
      new webpack.ProvidePlugin({
             process: 'process/browser',
      }),
  ],
}

今回はクライアント側のみのコードだったので、polyfillを入れずに webpack.DefinePlugin で対応しました