Less 如何在不像sass'；s默认标记

我有一个

global.less

文件，它调用一个

variables.less

文件，然后调用一个

component.less

文件

我希望在组件文件中设置默认变量，并能够在变量文件中覆盖它们

但是组件文件位于less文件之后，因此默认组件变量将覆盖

variables.less

文件中设置的变量

---

有没有像Sass的

那样的Less选项！默认值

关键字？

如@seven phases max所述，解决方案是将variables.less文件移到我的组件文件之后。 e、 g

档案

• global.less-无主文件
• variables.less-包含所有变量
• component.less-包含较少的代码和默认变量

在global.less文件中，按以下顺序调用这两个文件

@import "component.less";
@import "variables.less";

在component.less文件中，可以有一个默认变量

@color:red

和以下css

body {
  background-color: @color
}

如果编译前面的代码，主体的背景颜色将为红色，因为它使用了组件文件中的默认变量

在variables.less文件中，您可以覆盖变量

@color:blue

---

现在，当编译更少的文件时，主体标记的背景颜色将是蓝色，而不是红色-重新说明

变量中的变量
@color
。更少的
文件覆盖
组件中默认的
@color
变量。更少的
文件
请参阅。@，使用该格式如果variables.less文件中有一个变量集，它将被components.less文件中的变量集覆盖。这意味着我不能在components.less文件中设置默认变量，可以通过在中心位置（variables.less文件）重置它来覆盖该文件。是吗？不，不是。您只需要在
组件.less
之后包含自定义
变量.less
。就这样。阅读更多关于更少变量的新手友好细节。