21.3、vue-cli进阶处理
2024-02-27 18:48:19 0 举报AI智能生成
vue-cli进阶处理
作者其他创作
大纲/内容
创建
在当前文件夹的根目录下创建 vue.config.js 文件
在这个文件中进行二次配置脚手架
语法
官网
https://cli.vuejs.org/zh/guide/
module.exports = {配置项1，配置项2......}
常用配置
publicPath
作用
在服务器打包部署的时候，我们往往会根据服务器部署的地址，指定所有插入资源的统一前缀路径
（默认/代表部署到服务器根目录）
publicPath : '/dist/'
pages
作用
配置多页面
lintOnSave
作用
在开发环境下，是否每次代码编译都执行词法检测
（开启后：编译会变慢、而且以后在xxx.vue中可能多加一个空格它都编译不过去）
默认是 true
一般都禁掉
productionSourceMap
作用
如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
source map
相当于压缩后的文件对照源码的映射，方便调试
默认是 true
会减慢编译速度，所以我们一般把他禁掉
devServer
例如：改变端口号
devServer.proxy
作用
如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。
这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。
使用
devServer.proxy 可以是一个指向开发环境 API 服务器的字符串：
devServer.proxy 可以是一个对象
环境变量和模式
.env.development
.env.production
不同的环境下走不同的前缀URL地址
浏览器兼容处理
https://github.com/browserslist/browserslist
在package.json中配置
在主入口配置
在babel.config.js文件中配置
0 条评论
下一页
