vue.js 多种打包场景的配置

一. 认识 vue.js 中的webpack 配置文件

vue.js 开发环境与正式打包是两个 webpack 配置文件处理的。

这两个配置文件，作为开发者大佬肯定不陌生， 但是对于刚刚入门vue.js 的朋友们，肯定有些疑惑， dev配置文件，则是开发时的配置文件， prod 是打包时的文件。 还有一个 webpack.base.conf.js 文件则是公用的配置， 这里不过多解释 ， vue.js 很多的配置已经给我们做好了，所以我们不用太去管里面的内容是什么。 （小提示：如果开发环境要配置成https 协议，也可以在dev.conf.js 中配置哟。）

二. vue.js config 文件夹说明

其实 vue.js 已经有个专门配置 开发环境与正式环境的配置文件夹。

dev.env.js 与 prod.env.js 很少去动，甚至不会去动。 但是这次的配置，离不开这两个配置文件。

index.js 则不用过多说明， 你们都认识他（如果新手朋友有困扰可以留言问我，能一下百度出来的就别找我了， 人人都讨厌伸手党）。

三. 配置开发环境与正式打包地址

1. dev.env.js / prod.env.js 中添加一个配置存放 API 地址的字段。 字段名一点要保证一致。 我这里用 API_ROOT