依赖于vue-cli3.0 版本的 vue项目
思路 无非 就是 配置 不同的入口文件,依赖模板,以及页面对应的路由。 而这些文件在哪里集成在一起呢?这就要说起脚手架3.0
之后出的 重要配置文件 vue.config.js 了!
使用 vue create 项目名称 来创建完项目之后 , 途中一堆配置,例如 eslint css预编译器 什么的就不一一细说了, 发现没有
vue.config.js 查阅文档, 你会发现 从前 需要手动配置的 webpack 文件 以及 config文件 都不需要我们去创建配置了。 脚手架都为
我们配置好了。 然而有时候我们还需要配置 代理 启动端口 入口文件以及说 强大的postcss 模板加载方式等等等等,这时候 能够覆
盖 脚手架配置 的 vue.config.js 文件就诞生了。
这就是多页面的配置。
入坑点就在于,1. index 的属性 建议不修改, 大多数码农都知道index是默认入口, 在浏览器输入域名之后,自动会走index入口。
2. 路由配置
定义好首页路由之后,使用 redirect 来进行代理跳转, 否则会获取不到路由的页面信息
多页面配置 其实在webpack的配置中 就有了, 只是vue cli3.0 基于webpack 进行了一次封装。 使用多页面配置,有效解决了项目臃肿的问题, 将不同业务线的页面 配置成 不同的入口页面。