webpack4个人学习详细笔记（12）-- 设置环境变量

设置环境变量需要用到 webpack 提供的一个内置插件 DefinePlugin 插件，其作用是将一个字符串值设置为全局变量

  plugins: [
    new webpack.DefinePlugin({
      DEV: JSON.stringify('production'), // 字符串
      FLAG: 'true', // 布尔值
      EXPRESSION: '1+1' // EXPRESSION为计算后的值
    }),
]

这样配置之后任何一个模块中都可以直接使用 DEV_MODE 变量了，并且其值为'development',与 ProvidePlugin 有点相似，ProvidePlugin 是将一个模块注入到所有模块中，实现模块不需要引入即可直接使用

index.js

console.log(EXPRESSION)