Webpack 网页包节点_ENV未定义，即使它是在脚本中声明的

我的package.json脚本有问题，不知怎么的，没有将我的节点环境设置为开发或生产，我总是未定义，我的网页包在这两个脚本中都能正确编译。我正在控制台上记录process.env.NODE_env没有用，似乎process属性在env下没有NODE_env变量，我做错了什么

谢谢

webpack.config：

const path = require('path')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const Dotenv = require('dotenv-webpack')

console.log(process.env.NODE_ENV)

const env = process.env.NODE_ENV === 'production'
  ? new webpack.EnvironmentPlugin({ ...process.env })
  : new Dotenv()


module.exports = () => {
  const publicPath = env.NODE_ENV === 'local' ? {
    publicPath: '/'
  } : {}

  return {
    entry: './src/index.js',
    output: {
      filename: 'bundle.js',
      path: path.resolve('.'),
      ...publicPath
    },
    devtool: 'source-map',
    module: {
      rules: [
        { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ },
        { test: /\.css$/, use: ['style-loader', 'css-loader'] },
        { test: /\.s(a|c)ss$/, use: ['style-loader', 'css-loader', 'sass-loader'] },
        { test: /\.(png|jpe?g|gif|svg)$/i, use: 'file-loader' }
      ]
    },
    devServer: {
      contentBase: path.resolve('src'),
      hot: true,
      open: true,
      port: 8001,
      watchContentBase: true,
      historyApiFallback: true,
      proxy: {
        '/api': {
          target: 'http://localhost:5000',
          secure: false
        }
      }
    },
    plugins: [
      new Dotenv(),
      new webpack.HotModuleReplacementPlugin(),
      new HtmlWebpackPlugin({
        template: 'src/index.html',
        filename: 'index.html',
        inject: 'body',
        favicon: './src/img/favicon.png'
      }),
      env
    ]
  }
}

package.json脚本：

"scripts": {
    "frontend": "webpack-dev-server --mode=development --env.NODE_ENV=local",
    "build": "webpack -p --env.NODE_ENV=production"
  },

终端：

> webpack-dev-server --mode=development --env.NODE_ENV=local

undefined
Failed to load ./.env.
Failed to load ./.env.