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