Vue-cli4中使用全局LESS变量的配置方法
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本教程详细介绍了如何在基于Vue-cli 4搭建的项目中配置和使用全局LESS变量，帮助开发者简化样式管理。
需求：在Navgation.vue中使用global.less中的变量
对于vue-cli3的配置方法，请参考相关文档。
对于vue-cli4的配置方法如下：
1. 安装 style-resources-loader 插件：
```
npm i style-resources-loader -D
```
2. 在 vue.config.js 文件中添加以下配置，如果该文件不存在则需要创建它（注意不要更改文件名）：
```javascript
const path = require(path);
module.exports = {
lintOnSave: false,
chainWebpack: config => {
// 配置部分省略，请根据实际情况调整。
}
};
```
请确保按照上述说明进行操作，以使全局样式变量在Navigation.vue中可用。
全部评论 (0)
还没有任何评论哟~
