之前项目一直使用官方的脚手架vue-cli，官方的用的webpack是3.6 版本，因为是单页面项目，随着项目越来越大，发现每次改动一个小地方编译速度很慢，只有通过不停的注释路由才提升编译速度，而webpack4 会提升很大的编译速度，所以打算自己写一个webpack4.x+babel7.x+vue的多页面应用脚手架， github地址：https://github.com/zhanghang2017/webpack4.x-vue2.x。
这是搭建好的目录结构。
webpack4 改变在脚手架的体现为在css 的提取和代码分割上，还有一个mode属性。
1、css 采用mini-css-extract-plugin
2、代码分割采用 optimization.splitChunks
而 js 和css的压缩：
1、js 压缩是mode来控制：当设置成的production时，编译出来的js 就会自动压缩；
2、css 压缩：我是通过post-css 的cssnano 插件来实现的。
babel7和postcss配置文件 在.babelrc和postcss.config.js。
下面说一下多页面配置。
是通过读取src 文件下面文件夹，拿到下面的js 和HTML来作为入口的js和html template文件。
在webpack.base.conf.js 中：
在webpack.dev.conf.js和webpack.prod.conf.js 中
将html template 插件放入。
多页面我是采用文件夹来多每个入口key和html 命名，文件夹子级只允许有一个js 和html文件。不然找入口文件和template文件可能会出错。
文章很短，写的时间也很短，但是基本懂vue配置的基本一看就会哈。