如何在浏览器脚本中访问NODE_ENV?

Question

npm run dev的执行脚本如下:
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot --host 0.0.0.0",
在node中可以正确访问process.env.NODE_ENV,
但我想在webpack打包的浏览器脚本中也能够访问这个变量, 以切换测试/生产环境
请问该怎么做呢?

Answer 1

有个webpack.DefinePlugin，可以设置打进去 js 的变量

 new webpack.DefinePlugin({
        'process.env': JSON.stringify(process.env.NODE_ENV)
    })