在webpack中區分環境變量

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'

 

你學會了嗎？