Yeoman：将Sass/Compass支持添加到现有项目的Grunt中

Question

3

我有一个现有的项目，但我需要添加sass/compass，这样当我使用grunt server命令时，grunt就会自动编译它。

有人知道我该如何做吗？

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

- ptf

@TJonS 我已经成功将grunt sass添加到项目中，但我需要配置gruntfile.js来监视和编译CSS。 - ptf

3

你自己尝试过这个吗？如果是的话，请分享一下你所做的内容。 - tjons

我使用Yeoman来设置项目，但没有添加Sass/Compass支持。我所做的只是通过“npm install grunt-contrib-sass --save-dev”来添加Sass支持。 - ptf

2

为什么不加入支持呢？或者，你至少应该尝试一下！ - tjons

这个问题可能是一个重复的问题。这里是之前的问题；它可能会有所帮助。 - tjons

@TJonS 我正在尝试。不，他的 Sass 编译是正常的，他只是引用了错误的文件。 - ptf

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jérémie Parker · Accepted Answer

我已经创建了一个关于Gruntfile.js的代码片段，用于编译SASS以及其他一些任务。它的灵感来自于Yeoman's webapp生成的Gruntfile.js，配置了BlessCSS和Assemble，Htmlmin与Usemin平稳运行，并注释了Coffee/Mocha相关内容。

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

编辑：

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

其中包括sass/compass等功能。