前言：使用脚手架创建的vue项目工程默认是属于单页面单入口的，有时根据开发需要，经常要求将传统的单入口页面改成多入口多页面的项目，其实脚手架3创建的vue项目，官方提供了一个叫pages的对象，我们可以自行创建一个vue.config.js文件，在里边进行一些配置，如，打包后的dist名称，是否自动生成sourceMap文件，也可以使用pages对象配置多页面入口，等等。
一.开始进行多页面配置
方式一：使用普通的写法
1.其实使用最普通点的方式实现多入口vue项目，我们只需要在pages中配置对应的页面的相关属性，如：
在vue.config.js文件中配置pages
只要进行上边的配置，然后在项目中对应目录位置创建相关文件(js，html)，启动项目其实多页面vue项目已经完成了，比之前的脚手架2配置多页面简单了很多。
方式二：使用glob模块动态创建多个页面。
使用glob只是不想后期有多个页面时，需要每次都进来配置对应的页面模板。
1.在当前vue项目中安装glob模块：
npmiglob-S
2.在vue.config.js中引入glob模块
3.声明自动生成页面模板的方法：
建议：使用glob，为了方便配置，一般建议入口文件，html文件名称和当前页面模块目录名保持相同，如：
其实对应的html文件也可以和对应的入口文件统一放在各自的同名目录中，只需要在vue.config.js配置路径规则即可。
4.上边的方法返回的就是一个pages对象，直接给下边的pages即可
到这里，使用glob模块创建多页面vue项目也完成了。
二验收效果
启动项目，上边我在页面模板方法中打印了输出，启动项目时，可以查看下，对应页面模板的相关信息，如下图，和我在项目中创建的相关文件路径信息一致：
效果：
输入index.html时
输入home.html时
总结：
1.使用方式一，无非就是有多少个页面就写多套页面模板代码；
2.使用glob时，关键就是安装glob模块，然后定义一个方法返回相关页面信息的page对象。