javascript - Yeoman:在 grunt 中向现有项目添加 sass/compass 支持

Question

我有一个现有的项目，但我需要添加 sass/compass 以便 grunt 在我使用 grunt server 命令时自动编译它。

有人知道我是怎么做到的吗？

编辑:我已经设法将 grunt sas/compasss 添加到项目中，但我需要配置 gruntfile.js 来监视和编译 css。我为添加 sass 支持所做的一切就是运行 npm install grunt-contrib-sass --save-dev。

Answer 1

我做了一个 gist Gruntfile.js 的一个，我正在用于一个进行 SASS 编译和其他一些事情的项目。

它的灵感来自 Yeoman's webapp生成了 Gruntfile.js，带有 BlessCSS 和 Assemble，Htmlmin 配置为在 Usemin 和 Coffee/Mocha 内容被注释掉的情况下顺利运行。

基本上，您需要做的是配置 SASS 任务，然后将其添加到监视任务，并设置 livereload 以监视您的 CSS 文件。

---

编辑:

因为我经常使用这个 Gruntfile 和这些 grunt tasks，所以我制作了一个 yeoman 生成器，你可以在这里查看: p-j/generator-yawa

除其他外，它还执行 sass/compass。