1

我已经安装了 Mads Kristensen 的 Web Compiler 1.11.315,现在我正在尝试对其进行配置以识别我的 Compass 导入。

Compass修改了 SASS,因此,我一直无法弄清楚如何正确安装它。我能做的最好的事情是通过将这些文件复制到包含文件夹并将我的文件指向它来包含Compass 样式表。compilerconfig.json

这有效 - 直到您引用使用 Compass 安装的某些 SASS 扩展的 mixin:例如,在 CSS3 mixin 中使用供应商前缀的旧版浏览器支持。

所以,我想做的是用 Web 编译器正确安装 Compass。

有没有人设法做到这一点?如果是这样,请解释一下。我一直无法在谷歌上找到任何东西。


Compass 的 Ruby 模块需要由 SASS 加载,但 Web Compiler 似乎无法做到这一点,因为它使用基于 libsass 的 node-sass 并且不使用 Ruby。Web 编译器的 SassCompiler

因此,我需要找到一个不扩展 SASS 或以 libsass 支持的方式扩展的替代方案。

4

1 回答 1

2

经过一番挖掘,我发现 Web Compiler Visual Studio 扩展使用的是libsass,而不是我熟悉的基于 Ruby 的 Sass。由于它使用 libsass,它不能使用 Compass 依赖的基于 Ruby 的扩展来使某些混入工作。

我找到了一些资源来帮助我解决这个问题。第一个是 Compass 的两个直接替代品,它们从混入中删除了 Ruby 扩展要求。

  1. https://github.com/Igosuki/compass-mixins(我用过这个)。

  2. https://github.com/jimmyjamieson/compass-libsass(这个有一段时间没有更新,但看起来它会工作)

我刚刚将这些添加到项目中我的 sass 根文件夹内的包含文件夹中,并相应地配置了我的compilerconfig.json

[
  {
    "options": {
      "includePath": "src/sass/includes/compass"
    },
    "outputFile": "Content/css/output.css",
    "inputFile": "src/sass/input.scss",
    "minify": {
      "enabled": true
    },
    "includeInProject": true
  }
]

接下来,我发现提到了由 Compass 的创建者 Chris Eppstein 运营的Eyeglass项目。

目前,我不确定是否或如何将 Eyeglass 与 Web 编译器一起使用,但也许其他人可以弄清楚。

于 2016-05-25T21:02:06.757 回答