源码时代WEB前端干货分享|带你领略vue不同的风情

最近几年，WEB前端愈来愈火，也诞生了很是多功能强大的框架，vue即是最近煊赫一时的一个框架，不只简单快速上手快，并且功能很是丰富，能完成各类经常使用项目！

可是，不少coder对vue的了解都是’自动化’配置完毕的一个脚手架项目，其实vue项目也能够自定义很是多东西。@vue/cli3.x的脚手架项目初始化是没有vue项目配置文件的，由于官方想要让新手对vue的上手更加快速！因此隐藏了此文件。好处是对新手更加友好，能够不用关注那么多繁杂的配置文件，缺点在于不少东西没有办法扩展和自定义。

若是想要深刻vue，vue项目配置文件则是咱们一定会研究的一个配置文件，下面，就让咱们来看看怎么自定义经常使用项目配置文件！

一．新建项目配置文件
@vue/cli 3.x为了让用户体验’零配置’，因此默认没有配置文件，若是想要自定义配置，在项目根目录新建vue.config.js，全部配置信息都写在其中！

二．经常使用配置
publicPath
等效于webpack配置的output下的publicPath，设置部署的根路径，若是想要修改webpack的publicPath，就在此配置文件中修改。

lintOnSave
是否启用ESlint语法检测（true|false），能够在正式环境下关闭，常规开发若是想要关闭ESlint也可使用此方法，直接设置为false便可关闭

productionSourceMap
若是你不须要生产环境的 source map，能够将其设置为 false 以加速生产环境构建。

devServer.proxy
反向代理（解决跨域问题），若是你的前端应用和后端 API 服务器没有运行在同一个主机上，你须要在开发环境下将 API 请求代理到 API 服务器。这个问题能够经过 vue.config.js 中的 devServer.proxy 选项来配置。

设置后，发送的请求都会被代理到虚拟服务器http://12.220.14.27:4152地址，保证发送请求的服务器（虚拟）和数据接口服务器是同一个IP和端口

parallel
是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅做用于生产构建。

以上就是vue项目的一些经常使用自定义配置项，在默认项目不能知足咱们时，就可使用自定义配置！

Ps：完整vue.config.js配置参考文档：
https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE