在webpack中区分环境变量

2023-08-07,,

webpack 中的定义插件可以帮我们定义一些全局变量,使用方法如下:

plugins: [
new webpack.DefinePlugin({
NODE_ENV: JSON.stringify('development')
})
]

在 webpack.DefinePlugin 中定义,传入对象作为参数,key 是名称,value 是值,在这里你需要注意 value 的表现形式,如果是个字符串

NODE_ENV: 'development'

在取环境变量的时候 NODE_ENV 代表的是 development ,而不是 'development' ,一个是变量,一个是字符串。

如果 NODE_ENV 想表示字符串 'development' 需要这样写。

NODE_ENV: "'development'"

这样写起来太恶心了,所以我们经常会这么写鸭。

NODE_ENV: JSON.stringify('development')

当然你表示布尔值的话就这样直接写吧,不要再转换了。

NODE_ENV: 'true'

你学会了吗?

在webpack中区分环境变量的相关教程结束。

《在webpack中区分环境变量.doc》

下载本文的Word格式文档,以方便收藏与打印。