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

Yeoman: Add sass/compass support in grunt to existing project

本文关键字：添加项目 sass 支持 compass grunt Yeoman 更新时间：2023-09-26

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

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

编辑：我已经设法将grunt-sas/compass添加到项目中，但我需要配置gruntfile.js来观察和编译css。我所做的添加sass支持的工作就是运行npm install grunt-contrib-sass --save-dev。

我已经为一个进行SASS编译的项目和一大堆其他事情制作了一个Gruntfile.js的要点。

它的灵感来自Yeoman的网络应用程序生成的Gruntfile.js，BlessCSS和Assemble，Htmlmin被配置为在Usemin和Coffee/Mocha内容被注释掉的情况下平稳运行。

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

编辑：

由于我经常使用这个Gruntfile和这些grunt tasks，因此我制作了一个yeoman generator，您可以在这里查看：p-j/generator yawa

除其他外，它还能做时髦/指南针。