javascript - Webpack 无法识别 DefinePlugin 定义的值

Question

当 webpack 打包并启动网站时，出现以下错误:

*** process.env.ENV is not defined, assuming 'prod' env

但是，如果我记录我的 process.env

对象 {NODE_ENV: "development", ENV: "development", HOST: "localhost"}

我的 webpack 配置:

/*  Main */
const webpackConfig = {
  entry: [
    project.app.entry,
  ],
  output: {
    path: project.path.out,
    filename: 'bundle.js',
    publicPath: '/',
  },
  module: {
      rules: [{
        test: /\.js$/,
        include: project.path.app,
        exclude: /node_modules/,
        use: [
          { loader: 'babel-loader' },
          { loader: 'eslint-loader' },
        ],
      }],
  },
  plugins: [
    new webpack.NoEmitOnErrorsPlugin(),
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV),
        ENV: JSON.stringify(process.env.NODE_ENV),// Added because webpack bundle complains
        HOST: JSON.stringify(process.env.HOST),
      },
    }),
  ],
  devtool: DEV ? 'source-map' : false,
  resolve: {
    modules: ["src", "node_modules"],
    alias: {}
  }
};

这是 webpack 中的错误，还是我遗漏了什么？谢谢。

Answer 1

有些人因为 Grammarly 扩展而遇到同样的问题。

如果您正在使用它，请将其禁用，错误就会消失。

---

相关:

How to define process.env.ENV in create-react-app?

*** process.env.ENV is not defined, assuming 'prod' env

https://github.com/facebookincubator/create-react-app/issues/2722