LESS 变量文件不是全局的答案

【问题标题】：LESS variable file not globalLESS 变量文件不是全局的
【发布时间】：2017-03-06 03:28:17
【问题描述】：

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

【问题讨论】：

【解决方案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
}

【讨论】：