在webpack中区分环境变量

标签：需要   环境变量   value   evel   转换   直接   color   div   区分   

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中区分环境变量

标签：需要   环境变量   value   evel   转换   直接   color   div   区分   

原文地址：https://www.cnblogs.com/wuxianqiang/p/10322641.html