LESS Mixins not available

Question

在我当前的项目中，在包含的索引中添加以下结构:

…

<link rel="stylesheet/less" type="text/css" href="css/master.less" media="screen" />
<!--module source CSS-->
<link rel="stylesheet/less" type="text/css" type="text/css" href="module/A/css/A.less" media="screen" />
<link rel="stylesheet/less" type="text/css" href="module/B/css/B.less" media="screen" />

…

在我的主人。我包含了其他的Less文件，比如mix . Less。在这个文件中，我有很多工作良好的声明。

但如果我尝试使用一些mixins，如。gradient在我的模块B.less我变成这样的错误:.gradient未定义

在mixin中放置的梯度mixin。越少越好:

.gradient (@startColor: white, @endColor: #eee) {
    background-color: @startColor;
    background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
    background: -webkit-linear-gradient(top, @startColor, @endColor);
    background: -moz-linear-gradient(top, @startColor, @endColor);
    background: -ms-linear-gradient(top, @startColor, @endColor);
    background: -o-linear-gradient(top, @startColor, @endColor);
}

当我使用这个mixin直接在我的B.less工作。所以我很困惑。我使用less.js客户端部分，并已阅读http://lesscss.org/上的FKN手册，但我不知道什么是错的。

文件被正确加载等等，这里有什么问题?

Answer 1

HTML文档中的每个LESS文件都独立编译，因此您在master中创建的任何mixins。Less只存在于这个文件的上下文中，对其他. Less文件不可见。

我建议你这样做:

1. 创建文件混合。少用你所有的混合，
2. 在你的主目录中。更少，导入mixins。less文件首先，然后再导入任何额外的module less文件
在你的HTML文档中，引用master。只少。

我同意你所经历的情况在文档中没有明确定义，但我假设大多数想要使用LESS .js玩LESS的人只从一个文件开始。