循环使Less耗尽内存.(结构优化)

Question

我正在做一个较少的项目，但由于它开始变得有点大，每次我试图编译时都会耗尽内存。

这是我目前的结构：

• style.less
• 无颜色
• icons.less
• 样式
  • 样式1
  • 样式2
  • 样式3

现在，

• colors.less是颜色及其类的列表
• icons.less图标及其类的列表
• style.less是主文件，其中包含并编译了all
• styles是一个文件夹，包含每个不同样式的所有差异

我的问题（实际上是一个建议而不是一个问题）是：

我如何优化这个结构，这样我就不会耗尽内存在尝试编译时，是否还有？

过程如下：

colors.less和icons.less包含我的带有颜色、图标和类的数组，仅此而已。

我将colors.less和icons.less都包含在style1.less、style2.less和style3.less中，在这些颜色中我创建了一个循环。

最后，我将所有内容导入style.less（主要的一个），在那里我通过图标创建一个循环，然后添加所有的MIXINS来创建最终结果。问题是内存不足，无法编译。

我很确定我的结构有问题，或者我可以增加内存的任何方式（我使用brunch->官方网站的链接编译）

任何建议都非常感谢。

非常感谢。

附言：想了解更多信息，请询问。

Answer 1

部分答案，有一种方法可以消除循环：颜色和图标数据可以定义为mixin调用，下面是一个小例子：

.colors() {
    // "array" of colors
    .-(Maroon, #800000);
    .-(Red,    #FF0000);
    .-(Orange, #FFA500);
    .-(Yellow, #FFFF00);
}
// generate color classes:
.some-prefix {
    .colors();
    .-(@name, @color) {
        &.@{name} {
            color: contrast(@color);
            background: @color;
            // etc.
        }
    }
}

图标也是如此。。。