Question

我正在开展一个较少的项目，但是开始变得有点大，每次我试图编译时我的内存耗尽。

这是我目前的结构：

style.less

colors.less

icons.less

样式

STYLE1

蓝紫魅力

节日礼物

现在，

colors.less是一个颜色及其类的列表

icons.less图标列表及其类

style.less是主文件，其中包含所有内容并进行编译

styles是包含每种不同样式的所有差异的文件夹

我的问题（嗯，实际上更像是一个建议而非一个问题）是：

如何优化这种结构，以便我不会耗尽内存在尝试编译的时候？

该过程如下：

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

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

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

我很确定我的结构有什么问题，或者我可以增加内存的任何方式（我使用早午餐进行编译 - ＆gt; this link for official website）

真的非常感谢任何建议。

非常感谢。

PS：欲了解更多信息，请问。

Answer 1

部分答案，有摆脱循环的方法：颜色和图标数据可以定义为mixins调用，这里是迷你示例：

.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.
        }
    }
}

图标相同......

循环使Less减少内存耗尽。（结构优化）

1 个答案:

循环使Less减少内存耗尽。 （结构优化）

1 个答案:

循环使Less减少内存耗尽。（结构优化）