首页 > Web开发 > 详细

webpack之DefinePlugin使用

时间:2018-02-02 21:07:43      阅读:1089      评论:0      收藏:0      [点我收藏+]

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

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

  我们在源码打印process变量

console.log(process)

  其在控制台的输出结果是

技术分享图片

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

console.log(process.env)

  其结果是:

技术分享图片

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

 

webpack之DefinePlugin使用

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!