webpack之DefinePlugin使用
Posted 周周写
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack之DefinePlugin使用相关的知识，希望对你有一定的参考价值。
DefinePlugin是webpack注入全局变量的插件，通常使用该插件来判别代码运行的环境变量。在使用该插件需要注意的是，如果在该插件配置了相关的参数，必须要源码中使用，webpack才会注入。例如：
new webpack.DefinePlugin({
\'process.env\': \'"dev"\'
})
我们在源码打印process变量
console.log(process)
其在控制台的输出结果是
我们发现env中并没有数据，但是如果我们在源码是这样使用的：
console.log(process.env)
其结果是：
使用使用了process.env，编译后的代码才会有该变量
以上是关于webpack之DefinePlugin使用的主要内容，如果未能解决你的问题，请参考以下文章
在 Jest 测试中使用 Webpack 的 DefinePlugin 变量
使用来自 WebPack.DefinePlugin 的全局注入变量进行 NodeJS Mocha 单元测试
即使在 webpack.DefinePlugin 中设置了环境变量，也没有在电子中定义
什么是用于 create-react-app 的 webpack.DefinePlugin 的良好替代品？