诞生历程

学习之前我们先说说脚手架的一个诞生历程:

刚开始

我们会写两个文件webpack.config.development.js、webpack.config.production.js,开发的时候用development的配置，部署生产环境的时候用production的配置

后来

某一天要修改webpack的配置，于是开心的修改了webpack.config.development.js,开发好部署上线发现失败了，找了半天原因发现是忘了修改webpack.config.production.js文件，聪明的人就在想能不能把这两个文件公共的部分抽取在一个文件里，这样我就只需修改一个文件了，就不会出现漏该的问题了。于是就封装了一个webpacck.config.base.js

再后来

我们都知道配置webpack是比较难的，不熟练的要折腾很久，于是我们就在想，能不能有一个工具帮我们把这些基础的配置好，同时也支持我的个性化配置，这样我们就可以集中精力到业务需求上,于是社区就冒出很多样板工程，样板工程是能解决这个问题，但是还是做得不够好，还是有些繁琐的

最终

用户体验特比较好的脚手架出现了，如react的代表create-react-app,vue代表vue-cli,用这些脚手架基本不再需要我么们配置webpack了，可以达到开箱即用的效果

总结：

脚手架的出现解决了两个问题：
１.一些基础的配置帮我们都配置好了
２.一些个性化的配置还支持我们自定义