【问题处理】webpack4升webpack5，报错Uncaught ReferrnceError: process is not defined

问题

正在做webpack4升webpack5，项目构建项目成功后在浏览器打开时报错

Uncaught ReferrnceError: process is not defined。

原因

webpack 5 不再自动 polyfill Node.js 的核心模块。

如果你在浏览器运行的代码中使用它，需要从 NPM 中安装兼容模块，并自己包含它们。

处理

• 首先，安装依赖

$ npm install --save-dev process

• 然后修改webpack配置（我用process/browser不好使，用process/browser.js好用）

// webpack.config.js

const webpack = require('webpack')

module.exports = {

  ...

  plugins: [

    new webpack.ProvidePlugin({

      process: 'process/browser.js',

    }),
  
  ],
}