javascript - webpack.DefinePlugin

Question

webpack.DefinePlugin有什么用，怎么用？图中的红框里的内容有啥

Answer 1

你可以理解为，通过配置了DefinePlugin，那么这里面的标识就相当于全局变量，你的业务代码可以直接使用配置的标识。
比如，你通过下面的设置：

 // webpack.config.js
 new webpack.DefinePlugin({
        __DEV__: true
    }),

那么在你的业务代码中可以直接使用，比如有一个index.js

在index.js 你可以直接这样使用：

// index.js
if (__DEV__){
    // 任意代码
    console.log(‘这个是我通过webpack配置的全局标识’)
}

当然 ‘__DEV__’ 的值可以通过命令传递，也可以通过手动的配置