LESS变量文件不是全局的

Question

我在webpack中使用less-loader，烦人的部分是我必须在我的模块的每个文件中导入变量。为什么它不能只是全球化？

Answer 1

从您的问题中不清楚（无法判断您所遇到的问题是否与您的网站设置有关），但如果您说您必须这样做

<强> 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
}