NameError: variable @screen-sm-min is undefined

Question

我有一个文件名 base.less 和另一个导入 base.less 的文件 private.less。 base.less 我有这个代码

@media (min-width: @screen-sm-min) {

}

当我尝试使用 lessc base.less private.css 进行编译时出现此错误

NameError: variable @screen-sm-min is undefined in base.less

这不是我的代码，我是 less 的新手，有人知道问题出在哪里吗？

Answer 1

您需要像这样将变量 @screen-sm-min 添加到您的 base.less @screen-sm-min: 375px; ，然后再 在某处使用该变量。理想情况下，您创建一个名为 vars.less 的文件并将所有变量放入其中并将其包含在 base.less 文件中。

vars.less

@screen-sm-min: 375px;
@default-background-color: #fff;
@my-special-border-color: red;

现在您可以在 css 中的任何地方使用 @screen-sm-min。另外，查看 http://lesscss.org/#variables