vue 多页面应用例子_vue项目配置成多页面多入口的教程

前言：使用脚手架创建的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模块：

npm i glob -S

2. 在vue.config.js中引入glob模块

3.声明自动生成页面模板的方法：

建议：使用glob，为了方便配置，一般建议入口