码迷,mamicode.com
首页 > Web开发 > 详细

webpack之DefinePlugin使用

时间:2018-02-02 21:51:59      阅读:475      评论:0      收藏:0      [点我收藏+]

标签:相关   web   fine   全局变量   rip   配置   png   代码   webpack   

  DefinePlugin是webpack注入全局变量的插件,通常使用该插件来判别代码运行的环境变量。在使用该插件需要注意的是,如果在该插件配置了相关的参数,必须要源码中使用,webpack才会注入。例如:

new webpack.DefinePlugin({
    ‘process.env‘: ‘"dev"‘
})

  我们在源码打印process变量

console.log(process)

  其在控制台的输出结果是

技术分享图片

  我们发现env中并没有数据,但是如果我们在源码是这样使用的:

console.log(process.env)

  其结果是:

技术分享图片

  使用使用了process.env,编译后的代码才会有该变量

 

webpack之DefinePlugin使用

标签:相关   web   fine   全局变量   rip   配置   png   代码   webpack   

原文地址:https://www.cnblogs.com/zhouyouzhao/p/8406717.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!