NameError：变量@screen-sm-min 未定义

【问题标题】：NameError: variable @screen-sm-min is undefinedNameError：变量@screen-sm-min 未定义
【发布时间】：2018-09-14 16:54:29
【问题描述】：

我有一个文件名 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

这不是我的代码，我是新手，有人知道是什么问题吗？

【问题讨论】：

标签： css less

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

【讨论】：