21.3、vue-cli进阶处理

在当前文件夹的根目录下创建 vue.config.js 文件

在这个文件中进行二次配置脚手架

创建

https://cli.vuejs.org/zh/guide/

官网

module.exports = {配置项1，配置项2......}

在服务器打包部署的时候，我们往往会根据服务器部署的地址，指定所有插入资源的统一前缀路径

（默认/代表部署到服务器根目录）

作用

publicPath : '/dist/'

publicPath

配置多页面

pages

在开发环境下，是否每次代码编译都执行词法检测

（开启后：编译会变慢、而且以后在xxx.vue中可能多加一个空格它都编译不过去）

一般都禁掉

默认是 true

lintOnSave

如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。

相当于压缩后的文件对照源码的映射，方便调试

source map

会减慢编译速度，所以我们一般把他禁掉

productionSourceMap

例如：改变端口号

devServer

如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。

这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。

devServer.proxy 可以是一个指向开发环境 API 服务器的字符串：

devServer.proxy 可以是一个对象

使用

devServer.proxy

常用配置

语法

.env.production

.env.development

不同的环境下走不同的前缀URL地址

环境变量和模式

https://github.com/browserslist/browserslist

在package.json中配置

在主入口配置

在babel.config.js文件中配置

浏览器兼容处理

vue-cli 进阶处理