Vue vue.config.js 的详解与配置

　　1. 为什么要配置 vue.config.js

　　由于 vue-cli 3 也学习了 rollup 的零配置思路，所以项目初始化后，没有了以前熟悉的 build 目录，也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件。

　　但是有些内容需要进行相关的配置，所以我们还是要创建一个vue.config.js来进行数据修改，比如代理啥的

　　2.里面的配置详解

　　vue.config.js 文件是一个可选的配置文件，存放在根目录中，要是有这个文件，在@vue/cli-service 启动的时候会自动加载，所以我们在修改里面的内容之后，要进行项目重新加载。 同时你也可以在package.json中的vue字段（这里有时间在研究）

　　

　　配置选项：

　　首先页面里面出现这个 没有就自己写

　　

　　每次在用的时候都是直接从网上找一个复制下来，用到哪个地方修改哪里，但是一直不知道具体是怎么操作，怎么使用，毕竟这关系到项目的架构，还是直接明白所有的用法靠谱，最后会写一个复制用的，但是还是顺着看完。

　　注意：这个是比较重要的有延伸，vue感觉上侧重于单页面应用，意思就是只有一个页面，里面的操作都是通过组件的切换来完成的但是你也可以使用多页面

　　单页面应用（spa）

　　概念：只有一个html页面，所有跳转方式都是通过组件切换完成的。

　　优点：页面之间跳转流畅、组件化开发、组件可复用、开发便捷、易维护。

　　缺点：首屏加载较慢，加载整个项目中使用的css、js，SEO优化不好。

　　多页面应用（mpa）

　　概念：整个项目有多个html，所有跳转方式都是页面之间相互跳转的。

　　优点：首屏加载较快，只加载本页所使用的的css、js，SEO优化较好。

　　缺点：页面跳转较慢。

　　vue 如何实现多页面应用 https://www.jianshu.com/p/eceb2ac9df90

　　vue中如何配置多页面配置 https://www.jianshu.com/p/52c4913e0bf4

　　Webpack相关配置

　　Css相关配置

　　代理配置

　　简洁版 很多都是默认的 不需要修改

　　总结 （重要）：

　　1 vue在工程化开发的时候依赖于 webpack ,而webpack是将所有的资源整合到一块后形成一个html文件 一堆 js文件, 如果将vue实现多页面应用,就需要对他的依赖进行重新配置,也就是修改webpack的配置文件.

　　vue的开发有两种，一种是直接的在script标签里引入vue.js文件即可，个人感觉做小型的多页面会比较舒坦，一旦做大型一点的项目，还是离不开webpack。所以另一种方法也就是基于webpack和vue-cli的工程化开发。

　　2 webpack 有个特性，基本的功能都是可以用配置去实现的，所以就造成一个特点“很容易忘记它”，所以就很有必要记录一下

　　简述一下

　　我觉得这也是，为什么很多公司会问你 有没有配置过 webpack 等等的一些问题 webpack 符合自身的运转流程，但是通过配置去实现相应的操作的 所以啊配置都不会 你还玩毛线啊，还真就是写个页面玩啊，唉 不尽感叹自己的水平低了