css - 需要使用 gruntjs compass 从 Windows 8.1 上的 scss 文件生成 css

Question

我正在解决一个问题，即从提供的 tabs.scss 生成 tabs.css 文件。我已经尝试了所有可能的选择。我能够在 dist/文件夹下成功生成 tabs.js 但无法生成 tabs.css。

我还运行了以下命令:

npm install grunt-contrib-watch --save-dev

npm install --save-dev grunt-sass

npm install grunt-contrib-compass --save-dev

npm install grunt-contrib-cssmin --save-dev

但是当我运行 > grunt default 时，出现以下错误。

Running "compass:tabs" (compass) task
Warning: Couldn't find the compass.bat binary. Make sure it's installed and in your $PATH Use --force to continue.

Aborted due to warnings.

我使用的是 Windows 8.1。

我什至尝试使用在线转换器将此 tabs.scss 转换为 css http://sassmeister.com/ .但在这里我收到以下错误:

file to import not found or unreadable: compass/css3/box-sizing

任何人都可以帮助我从 tabs.scss 文件成功生成 tabs.css 吗？

Answer 1

您必须安装 Compass适用于 Windows。抱歉，我不是 Windows 专家，但是 here is the tutorial关于如何做到这一点。

然后确保 compass.bat 在您的 $PATH 中。之后它将编译没有错误。

我也试过编译tabs.scss在 sassmeiser.com 中，但它为我编译没有错误。所以我为你做了一个馅饼:pastie with css .