不需要的通用混合答案

【问题标题】：require-less common mixins不需要的通用混合
【发布时间】：2013-02-01 05:21:02
【问题描述】：

我正在尝试让Guy Bedfords less plugin for RequireJS 将一些常见文件拉入每个/所有后续的更少文件中。目标是保持模块特定的较少文件分开，但每个都拉入一些常见的资产，如变量和混合。

不过，到目前为止，该插件似乎是自己解析每个 less 文件。

例如，如果我简单地说：

// variables.less

@red: #ff0000;


// styles.less

body {
    background-color:@red;
}


// main.js

define(['less!variables', 'less!styles'], function() {
    ...
});

变量。

查看 git 上的示例，它看起来像是分离依赖项（强制它们首先加载？）应该将它们拉入：

// common.js

define(['less!variables'], function() {
    return {}; 
});


// main.js

define(['common', 'less!styles'], function() {
    ...
});

但这给了我相同的结果；一个 less 错误说 styles.less 没有正确解析。

我尝试了一些“hacks”，比如在styles.less 中使用@import 来引入variables.less，但似乎虽然require-less 会规范化大多数url，但它不会规范化@imports，所以现在variables.less 必须绝对引用，这不是我想要的。

有谁知道我在这里做错了什么？

目标是在开发中通过 RequireJS 加载和解析更少的文件，使用与 r.js 很好集成的东西将所有更少的文件预编译为 css 以进行部署。虽然 require-less 插件看起来很棒，但不能使用变量或 mixins 是一个非常严重的错误。还有其他选择吗？

谢谢。

【问题讨论】：

标签： javascript less requirejs

【解决方案1】：

看起来加载普通较少资产的方法是使用@import。它变成了一个非常快速的解决方案，让 url 规范化工作 (https://github.com/guybedford/require-css/pull/26)。

【讨论】：