我真的很喜欢这个想法和概念LESS http://lesscss.org/。然而我偶然发现了一个错误,我很早就向作者报告了该错误,但尚未得到任何反馈。也许只有我做错了事。
My application.less
- 与此类似的文件:
@import "reset";
@import "config";
@import "header";
@import "forms";
[…]
我喜欢可以使用@import
规则来分割我的文件,以便更好地概述我的 css 声明。然而每个导入的文件都需要重新导入 config.less-Fileagain能够使用我在那里定义的 mixin 和变量。
我打赌你已经知道我正在推动什么样的裁员:每次导入 config.less 时,其“输出”都会成为 application.css 的一部分。
我的配置文件包含大约 200 行代码。由于我将 CSS 分成大约 5 个需要重新导入配置的文件(基于我的控制器名称),因此我最终生成了大约 1000 行 100% 冗余的 CSS 代码。
我能想到的唯一解决方案是不要拆分我的文件,这是我真正想避免的。
尽管并不理想,但实际原因是理论上您导入的文件不需要包含任何 CSS。通常,您会有变量和动态 mixin,它们不会对 CSS 输出产生影响:
无库:
#colors {
@blue: #0011ff;
@red: #ee2222;
}
.button (@width: 10px) {...}
主要.较少:
@import "lib";
a { color: #colors[@blue]; }
输出,main.css:
a { color: #0011ff; }
#colors {} and .button
在这种情况下不会被输出。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)