将grunt-contrib-sass连接到自耕农和grunt-contrib-watch

Question

与this question非常相似。

我已经安装了节点lib并将其放在我的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 gem。

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

我想象watch区块中缺少的东西，但我不确定那是什么。

Answer 1

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

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

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