作为一名使用了一段时间Vue.js的新手，相信和不少初入Vue的朋友一样，都对Vue-cli的配置一知半解。后来通过对webpack的学习，也算是对脚手架的配置有了一定的了解，所以也想把这段时间自己的成果分享给大家，希望能和大家一起进步。
有两点要说明的：
阅读本文需要了解一点点webpack的知识，至少要entry，output，module，plugins都是做什么，以及一些常用的loader和plugins；
本文使用的是最新版的vue，配置可能会和大家的有所不同，不过差距不会太大，不影响阅读；
一.起步先放一张自己整理的简易脑图：
Vue-cli有两个文件——build和config：build文件包含了脚手架在开发环境和生产环境下webpack该如何配置。config文件则包含了build文件下webpack具体配置的值。换句话说，build下的webpack配置的值要引入config后才能获取到。
config文件夹下一共有三个文件：
dev.env.js： 导出开发环境名称；
prod.env.js： 导出生产环境名称；
index.js： 导出不同环境的具体配置；