vue3.0+cli 4 .0^ 单页面配置系列(二)--vue.config.js 基础配置

本文介绍了如何在Vue3.0和CLI4.0环境中配置vue.config.js,包括打包时自动加入公用样式CSS,Less配置自动导入,以及开发环境的代理设置。重点讲解了如何配置Less预处理器,设置别名,以及代理后端API以解决跨域问题。
摘要由CSDN通过智能技术生成

vue.config.js 是一个可选的配置文件,在安装cli的时候并不会自动生产,需要使用的时候自己手动编写,名字不能错,放在更目录下面,它会被 @vue/cli-service 自动加载,执行;
详细的介绍见官网,初略使用看下面
由于使用的官网cli很多都帮我们处理好了。以后在写自定义脚手架

打包自动加入公用样式css

环境变量一节介绍分离不同的配置文件,自动加入公用样式比如定义变量和公用样式放到一个less文件comm.less, 这个文件生产和开发环境都需要,就配置在base.config.js 中,这个文件需要遵循vue.config.js的配置规则

less 配置自动导入

需要用到less 预处理,首先需要安装

npm install -D less-loader less

配置css

安装好之后,开始打开配置文件base.config.js,进行如下配置

module.exports 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值