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

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 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块中的样式任务。