1.在src目录下创建一个其他(other)目录，用于存放新增的入口配置文件
设置多入口可以使登录信息，路由配置等互不干扰，分目录存放比较清晰
- 复制原index.html,App.vue,main.js,router.js
other.js文件内容更改
2.修改构建目录下的文件
a. 首先修改webpack.base.conf.js文件。将entry属性改写一下，改为多入口，加上other.html配置
b. 修改webpack.dev.conf.js文件配置。添加一个HtmlWebpackPlugin。模板（template属性，这个属性的值是一个模板的相对路径）。chunks分别增加步骤a的入口变量app和other，就能选择你要使用那些js文件。
c. 修改webpack.prod.conf.js文件。配置两个HtmlWebpackPlugin同上
html-webpack-plugin插件中常用的配置
-
template: 相对路径，作用：加载对应的模板文件；
-
title: 标题，作用：在页面中动态生成标题；
-
hash: true，作用：清除浏览器缓存，保证每次都加载最新的数据；
-
minify: {...}，作用：压缩文件的操作；
-
filename: 生成的文件名，作用：用于定义生成多个HTML文件的文件名；
-
chunks: [入口文件名]，作用：将对应的文件打入对应的HTML文件中。
3.修改配置目录下的index.js文件。增加一个出口。
4.运行
npm run dev
http://localhost:8080/ 默认打开index.html
http://localhost:8080/other.html#/ 打开other.html页面
5.打包
npm run build
打包后的dist文件夹下，有index.html和other.html两个文件，通过访问不同的地址进行对应页面的跳转，简单明了的进行区分多个入口文件
