vue配置 less 全局变量
2024-10-08 11:43:46
在使用Vue开发的过程中,通常会用到一些样式的全局变量,如果在每个组件中引入就太繁琐了,维护性也不好,因此全局引入是个不错的想法。下面以less为例,记录一下全局引入less变量的步骤:
1、首先安装依赖
在项目根目录的命令行工具里,执行以下命令。
1
|
npm i style-resources-loader vue-cli-plugin-style-resources-loader -D |
2、配置vue.config.js文件
1
2
3
4
5
6
|
pluginOptions: { 'style-resources-loader' : { preProcessor: 'less' , patterns: [path.resolve(__dirname, "src/common/less/variable.less" )] // 引入全局样式变量 } } |
将上述代码添加到vue.config.js文件中。如图所示:
最新文章
- MVC 下拉單數據內容綁定
- 在服务器上远程链接另一台服务器的数据库的方法how to connet the database from the other host
- PHP检测用户名是否存在
- AIM Tech Round 3 (Div. 2) (B C D E) (codeforces 709B 709C 709D 709E)
- readonly 与 const
- C#获取mac
- 对TMemoryStream的一些改进(用到了LockFile)
- 移动开发平台-应用之星app制作教程
- C/C++时间函数的使用
- JavaScript 中实现继承的方式(列举3种在前一章,我们曾经讲解过创建类的最好方式是用构造函数定义属性,用原型定义方法。)
- qq面板/ 好友列表
- C#.NET 用程序画图,曲线图
- mongodb中直接根据某个字段更新另外一个字段值
- Markdown 进阶
- MFC中获取命令行参数的几种方法
- KVM虚拟机的xml配置文件
- Java虚拟机四 常用Java虚拟机参数
- 【HDOJ】【1964】Pipes
- stringstream类操作字符串流
- 数据交换格式 —— JSON(JavaScript Object Notation)
热门文章
- 良心之作送你几个Xsheel使用小技巧
- LevelDB/Rocksdb 特性分析
- Andrew Ng - 深度学习工程师 - Part 1. 神经网络和深度学习(Week 4. 深层神经网络)
- Spring插件安装 - Eclipse 安装 Spring 插件详解(Spring Tool Suite)
- @Inherited 注解的作用
- centos 7 增加永久静态路由
- MVC+EFCore 项目实战-数仓管理系统1
- 用阿里的 sketch 插件 FusionDesign 来快速设计中后台
- ZooKeeper 数据模型:节点的特性与应用
- Oracle12c安装记录(centos6.5,命令行)