在webpack中区分环境变量

Posted 2021-02-05 前端精髓

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‘

 

你学会了吗？