webpack.DefinePlugin

Posted 忘却的记忆

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack.DefinePlugin相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

以上是关于webpack.DefinePlugin的主要内容,如果未能解决你的问题,请参考以下文章

使用来自 WebPack.DefinePlugin 的全局注入变量进行 NodeJS Mocha 单元测试

即使在 webpack.DefinePlugin 中设置了环境变量,也没有在电子中定义

什么是用于 create-react-app 的 webpack.DefinePlugin 的良好替代品?

通过外部文件中的webpack.DefinePlugin设置变量 - 异步读取问题

webpack

在webpack中区分环境变量