登录免费注册

首页  思维导图  详情



 



21.3、vue-cli进阶处理

21.3、vue-cli进阶处理

2024-02-27 18:48:19   0  举报





AI智能生成

vue-cli进阶处理

金色小芝麻

前端

vue

模板推荐

作者其他创作

大纲/内容

创建

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

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

语法

官网

https://cli.vuejs.org/zh/guide/<br>

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

常用配置

publicPath

作用

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

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

publicPath : '/dist/'

pages

作用

配置多页面

<br>

lintOnSave<br>

作用

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

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

默认是 true

一般都禁掉

productionSourceMap<br>

作用

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

source map

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

默认是 true

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

devServer

<br>

例如：改变端口号

devServer.proxy<br>

作用

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

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

使用

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

devServer.proxy 可以是一个对象<br>

环境变量和模式

.env.development

<br>

.env.production

<br>

<br>

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

浏览器兼容处理

https://github.com/browserslist/browserslist

在package.json中配置

<br>

在主入口配置

<br>

在babel.config.js文件中配置

<br>

 Collect

Get Started

Vue

 Collect

Get Started

康乐部的投诉处理

 Collect

Get Started

订单处理

 Collect

Get Started

客户战败处理













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document