Yeoman告诉Sass生成css文件

我已经生成了一个没有Sass和bootstrap的Angularjs项目。
后来，我发现我需要用于定向css（ltr&rtl）的Sass 所以我尝试在我的项目中安装Sass（我不知道我是否做对了）

我所做的：

sudo apt-get install ruby-sass

然后

我创建了一个文件夹sass到应用程序文件夹

然后我修改了grunt.js文件： 我添加此行是为了创建sass任务：

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

在生成时运行任务
当我运行grunt serve时，我期望的是：

文件夹app/styles由来自scss文件的css填充。 我得到的是：和空文件夹

---

你能帮忙吗

您是否设置了服务任务？没有，但这不是一项核心任务？如果您尝试

grunt sass

，会发生什么？

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

  watch: {
    styles: {
      files: ['<%= config.app %>/sass/{,*/}*.scss'],
      tasks: ['sass', 'newer:copy:styles', 'autoprefixer']
    }
    // ...
  }

grunt.registerTask('build', [
 'clean:dist',
 'useminPrepare',
 'sass',
 // ...
]);