webpack打包之不同环境配置不同全局变量DefinePlugin

DefinePlugin官方文档及用法

new webpack.DefinePlugin({
'process.env': env,
  PRODUCTION: JSON.stringify(true),
  VERSION: JSON.stringify("5fa3b9"),
  BROWSER_SUPPORTS_HTML5: true,
  TWO: "1+1",
  "typeof window": JSON.stringify("object")
})

每个传进 DefinePlugin 的键值都是一个标志符或者多个用 . 连接起来的标志符。

如果这个值是一个字符串，它会被当作一个代码片段来使用。
如果这个值不是字符串，它会被转化为字符串(包括函数)。
如果这个值是一个对象，它所有的 key 会被同样的方式定义。
如果在一个 key 前面加了 typeof,它会被定义为 typeof 调用。
按理来说配置了全局变量可以直接使用这个配置的变量但是因为eslint
写一行/* eslint-disable no-undef */忽略报错

 /* eslint-disable no-undef */
    console.log(VERSION)

但是如果是

console.log(process.env)

就不会报错目前不知道为什么