css - LESS 变量文件不是全局的

Question

我将 less-loader 与 webpack 一起使用，烦人的部分是我必须在模块的每个 less 文件中导入 variable.less。为什么它不能只是全局性的？

Answer 1

从你的问题中不清楚(无法判断你遇到的问题是否与你的 webpack 设置有关)，但如果你说你必须做

variables.less

@var1: value1;
@var2: value2;

module1.less

@import 'variables';
selectorA {
    propertyX: @var1
}

module2.less

@import 'variables';
selectorB {
    propertyY: @var2
}

你可以这样处理:

all.less(其他常用名称是 main.less 和 app.less)

@import 'variables';
@import 'module1';
@import 'module2';

variables.less

@var1: value1;
@var2: value2;

module1.less

selectorA {
    propertyX: @var1
}

module2.less

selectorB {
    propertyY: @var2
}