将grunt-contrib-sass连接到yeoman和grunt contrib-watch

Question

非常类似于this question。

我已经安装了节点库，并将其放在我的package.json中

"devDependencies": {
  ...
  "grunt-contrib-sass": "~0.6.0"
}

并且在我的Gruntfile.js中有一个块

grunt.initConfig({
  ...
  sass: {
    dist: {
      files: [{
        expand: true,
        cwd: '<%= yeoman.app %>/styles/scss',
        src: ['scss/{,*/}*.scss'],
        dest: '<%= yeoman.app %>/styles/css',
        ext: '.css'
      }]
    }
  }

我的文件结构是这样的：

app
  styles
    css
    scss

我已经安装了sass宝石。

我确信我在这里遗漏了一些非常基本的东西，这些东西需要包括在内。我的yo serve似乎没有将文件放在正确的位置，以便被捕获和使用。

我想我在watch块中遗漏了一些东西，但我不确定那是什么。

Answer 1

所以我的Gruntfile.js需要看起来像这样：

    sass: {
      dist: {
       files: [{
         expand: true,
         cwd: '<%= yeoman.app %>/styles/scss',
         src: ['*.scss'],
         dest: '.tmp/styles/',
         ext: '.css'
       }]
     }
   }

我需要在watch块的样式任务中添加sass。