用构建工具区分生产和开发环境
![](https://img.haomeiwen.com/i3865021/c0c84c6af187b0e5.png)
env为参数,中间部分是区分环境的一些不同处理代码。
![](https://img.haomeiwen.com/i3865021/4d40966e7b397f76.png)
这里就是带参数过来了,记得做一下env的处理,因为有的时候执行webpack并没有带参数,后面要取env.xxxx。如果env没有的话,可能会报undefined的错误,为了防止报这个错误,所以前面要对env做个处理。
后面那段的意思是,如果env有production这个参数,就将前面的plugins里再放入一个插件。(该插件只想放在生产环境中用)
如何给webpack本身修改全局变量?
![](https://img.haomeiwen.com/i3865021/58c3a045e82f1bb1.png)
写在后面的话
这个构建工具部分写的比较乱,最近忙着学习,然后赶紧找工作,所以很多都是边看视频边整理,自己实践,并且从中截图,视频都是来回播放几遍,有的部分写的比较急,可能有些乱,以后有时间会重新整理一下。
构建工具这部分以前自己也觉得很难,但是经过讲解,觉得也还是能理解出来的,推荐一下大家去看这份视频:
慕课网的《vue学习京东金融》大概是这个项目,讲的真的很详细,代码在github上也有。
这个项目主要讲的是组件化的设计思想,然后还要构建部分,我觉得很值。
网友评论