Vue多页面配置。
Vue Multiple Page Application.
vue-cli@3.x
> node@10.x
➜ vue-mpa git:(master) ✗ vue -V @vue/cli 4.5.13默认配置
- vue@2.x
- vue-router@3.x (hash router)
- vuex@3.x
- Progressive Web App (PWA) Support
- Sass/SCSS (with node-sass)
- ESLint + Standard config
- Unit Testing + Jest
- E2E Testing + Cypress (Chrome only)
- 支持多页面
- 自动创建
importApp别名,@app
单个应用文件说明：
- 入口文件
app.js[必须] - 模板文件
app.html[非必须]
|_ src/app/ |____portal # App目录名 | |____app.js # vue入口文件 [必须] | |____app.html # vue模板 [非必须], 默认 `./public/index.html` | |____App.vue # vue入口组件 [非必须] | |____app.config.js # app配置文件 [非必须] | |____views | | |____Home.vue | | |____About.vue | |____store | | |____index.js | |____router | | |____index.js module.exports = { title: '商业门户', // App标题 logo_url: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg', // logo 地址 logo_text: '门户平台', // logo 文本 output: 'portal/home', // 输出路径, `{host}/portal/home/`，可为空 chunks: ['chunk-vendors', 'chunk-common', 'index'], disabled: true // 是否禁用 }yarn dev yarn build:prod yarn build:stage yarn test:unit yarn test:e2e yarn lint 