是否可以将Sass或Less配置为仅编译某些类？

Question

假设我有一个大型Sass / Less项目，例如Bootstrap，我想使用它的一个单独元素（比如一个文本框）。是否可以让Sass / Less编译只是所需的类，引用多个文件中的任何变量和混合，只是为了编译1（或2，或5或10）类？

Answer 1

您可以通过添加括号来创建不立即执行的mixins。在my less library中，我使用节点脚本创建一个我可以引用的autoload.less文件。

从那里，我创建我的最终课程：

@import "autoload.less";

.myClass {
    #myLessModule > .aMixin();
}

我不认为这是一个完美的解决方案，但它对我来说工作得相当好，并且生成的样式表不包含多余的样式。

Answer 2

目前，Less / Sass中没有任何功能可以满足这一需求。你正在寻找的是一个删除未使用的CSS类的后期构建过程。目前最值得注意的是Uncss，它有大多数构建工具可用的插件（Gulp，Grunt等）