- 修改vue.config.js,配置项增加pages(多页入口)
module.exports = {
/*pages指定入口*/
pages: {
// 首页
index: {
entry: 'src/pages/index/main.js',
template: 'public/index.html',
filename: 'index.html',
},
// 案例
case: {
entry: 'src/pages/case/main.js',
template: 'public/index.html',
filename: 'case.html',
}
},
...
// 其他配置项
}
- src目录下修改页面配置,增加pages文件夹,pages文件夹下为每个页面建立一个独立文件夹,文件夹下有独立的main.js,App.vue文件
index文件夹下App.vue的写法
- 多页应用内的路由跳转方式,直接用a标签跳转,或location.href
- 打包优化参考下一篇文章
vue多页应用打包优化