vue 组件中使用 less scss 全局变量

 使用全局变量有 2 中方式

第一种,在需要使用变量的组件引入 变量文件


import


第二种, 使用vue-cli 插件,每个组件都注入 全局变量

使用 style-resources-loader 最简单的方法是使用 vue add style-resources-loader ,vue cli 会添加依赖并生成配置


config

如果不使用vue add ,自己引入的话,需要安装 vue-cli-plugin-style-resources-loader 依赖,也就是安装两个 style-resources-loader ,vue-cli-plugin-style-resources-loader。 style-resources-loader  是webpack 的一个loader,可以在webpack 打包环境注入全局变量, 在vue.config.js 中使用  vue-cli-plugin-style-resources-loader,简化配置。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容