SASS,SCSS:预编译mixins和函数?又名删除罗盘要求或有选择地编译mixins和函数

时间:2017-03-10 18:54:05

标签: sass compass libsass

我有一个用Compass制作的非常大的项目。该项目需要花费大量时间进行编译(1到2分钟),因为它使用Ruby版本进行编译(必要时因为一些自定义扩展从未被翻译为具有libsass兼容性)。

我将尽力避免这个问题,但总结一下:

  1. 我设法将大部分项目转换为libsass
  2. 我通过使用解决方案here
  3. 成功地完成了整个过程
  4. This one应该添加对罗盘图像功能的支持,但会生成一个如此大的编译文件,使其无法使用
  5. 为了摆脱这个地狱,我想我可以简单地要求SASS编译器只处理一些mixins和一些函数,所以我可以挑选编译,制作一个新的SCSS文件,只编译罗盘相关函数和mixins所以我最终得到了一个干净的SCSS文件,我可以从中重新开始。

    虚拟例子:

    p{
        .alert &{
            border-color: $red;
            background-image: url('whatever.jpg');
            background-size: image-width('whatever.jpg') image-height('whatever.jpg');
        }
    }
    

    通过这个例子,我想知道是否有一种方法只能编译图像宽度和图像高度函数或任何其他选定的mixins。我想最终得到的是,来自上面的例子:

    p{
        .alert &{
            border-color: $red;
            background-image: url('whatever.jpg');
            background-size: 128px 248px;
        }
    }
    

    这样,我可以用真实的静态值清理我的SCSS,删除计算和指南针要求,而不会弄乱文件结构和变量。

    非常感谢!

0 个答案:

没有答案