vue-cli3使用less全局变量,不用每个组件引入less文件(亲测有效)

摘要:
否则,将报告错误。解决方案和步骤如下:1。安装样式资源加载器arnaddstyle资源加载器。2.配置模块。exports={····//导入全局样式,config=>{consttypes=['vue modules','normal modules',

问题: 在global.less文件中定义一些全局使用的less变量;

结果组件使用这些全局变量时,都要@import "~@/styles/global.less"引入该文件,否则报错

解决方法和步骤

1. 安装style-resources-loader

yarn add style-resources-loader

2. 在vue.config.js中进行配置

module.exports = {
···

	// 引入全局样式,这样使用定义的less变量时,不用每次引入global.less了
    chainWebpack: config => {
        const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
        types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
    },

···

}

function addStyleResource(rule) {
	rule.use('style-resource')
		.loader('style-resources-loader')
		.options({
			patterns: [
				path.resolve(__dirname, './src/styles/global.less'), // 需要全局导入的less
			],
		})
}

免责声明:文章转载自《vue-cli3使用less全局变量,不用每个组件引入less文件(亲测有效)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇开源 Serverless 里程碑:Knative 1.0 来了iPad及BT4下的WEP破解实验与分析 | Network Security下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

shell脚本(一)

                                                                                                          shell脚本 定义:脚本就是一条条命令的堆积。常见脚本有:js asp,jsp,php,python Shell特点:简单易用高效Shell分类...

r语言 列出所有变量

你希望知道目前工作空间中存在哪些已定义的变量和函数。 解决方案 使用ls函数,或者使用ls.str函数了解每个变量更详细的信息。 讨论 ls函数可以显示当前工作空间中所有对象的名称:> x <- 10> y <- 50> z <- c("three", "blind", "mice")> f <- funct...

UiPath Level 1-Lesson 3. Data Manipulation

学习大纲 如何拆分字符串 如何改变部分字符串的格式 如何在表格中根据条件选中特定的行 1. 标量型变量,集合,表格 活动的属性都有预定义的数据类型。鼠标悬停在属性面板的某个属性上,就会出现相应的提示。 使用右键菜单或Ctrl+K在属性栏创建的变量,会直接设置为属性预定义的类型。 标量型变量 (Scalar Variables):一个单独的固定类...

Python使用pip安装matplotlib模块

matplotlib是python中强大的画图模块。 首先确保已经安装python,然后用pip来安装matplotlib模块。 进入到cmd窗口下,建议执行python -m pip install -U pip setuptools进行升级。 接着键入python -m pip install matplotlib进行自动的安装,系统会自动下载安装包...

mif文件生成方法

mif文件就是存储器初始化文件,即memory initialization file,用来配置RAM或ROM中的数据。常见生成方法: Quartus自带的mif编辑器生成 mif软件生成 高级编程语言生成 前两种方法都有一定的缺陷,主要介绍第三种方法,按照mif文件格式,使用高级编程语言(Matlab、C)编写生成。 注意: mif文件都是ASCⅡ码...

[代码审计]XiaoCms(后台任意文件上传至getshell,任意目录删除,会话固定漏洞)

 0x00 前言 这段时间就一直在搞代码审计了。针对自己的审计方法做一下总结,记录一下步骤。 审计没他,基础要牢,思路要清晰,姿势要多且正。 下面是自己审计的步骤,正在逐步调整,寻求效率最高。 0x01 关于 XiaoCms XiaoCms 企业建站版基于 PHP+Mysql 架构 是一款小巧、灵活、简单、易用的轻量级 cms。能满足各种企业站 博客 等...