前端深入之vue-cli3.0 多页面配置入坑

依赖于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 进行了一次封装。  使用多页面配置，有效解决了项目臃肿的问题， 将不同业务线的页面 配置成 不同的入口页面。