git代碼地址：https://github.com/miaSlady/vue3Demo.git
添加多入口原因：
由於vue為單頁面項目，通過控制組件局部渲染，main.js是整個項目唯一的入口，整個項目都在一個index.html外殼中。
若項目過大，會造成單頁面負載過重；同時，多頁面利於模塊獨立部署。
添加多入口過程：
1.在public中新建多個頁面：
2.配置多份路由/main.js/app.js(將原來的一份抄錄為多份指向自己的組件路由即可)
3.在vue配置文件中（vue.config.js）配置多頁面。
module.exports = {
...,
pages:{
index: {
// 應用入口配置，相當於單頁面應用的main.js，必需項
entry: 'src/Index_config/main.js',
// 應用的模版，相當於單頁面應用的public/index.html，可選項，省略時默認與模塊名一致
template: 'public/index.html',
// 編譯后在dist目錄的輸出文件名，可選項，省略時默認與模塊名一致
filename: 'index.html',
// 標題，可選項，一般情況不使用，通常是在路由切換時設置title
// 需要注意的是使用title屬性template 中的 title 標簽需要是 <title><%= htmlWebpackPlugin.options.title %></title>
// title: 'console page',
// // 包含的模塊，可選項
// chunks: ['console']
},
test: {
// page 的入口
entry: 'src/Test_config/main.js',
// 應用的模版，相當於單頁面應用的public/index.html，可選項，省略時默認與模塊名一致
template: 'public/test.html',
// 編譯后在dist目錄的輸出文件名，可選項，省略時默認與模塊名一致
filename: 'test.html',
},
}
4.當訪問時：域名/index.html 或 域名/test.html 即可。