vue配置 less 全局变量

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue配置 less 全局变量，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含482字，纯文字阅读大概需要1分钟。

内容图文

在使用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文件中。如图所示：

原文：https://www.cnblogs.com/hss-blog/p/13334743.html

内容总结

以上是互联网集市为您收集整理的vue配置 less 全局变量全部内容，希望文章能够帮你解决vue配置 less 全局变量所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---