在 Yeoman 中配置 grunt-contrib-sass答案

【问题标题】：Configure grunt-contrib-sass in Yeoman在 Yeoman 中配置 grunt-contrib-sass
【发布时间】：2013-11-09 19:14:14
【问题描述】：

由于我想使用 Bourbon，我期待删除 compass grunt 任务并使用普通 sass 任务，但由于某种原因，它似乎无法编译我的 scss 文件。

我的目录结构如下：

yeomanApp/
  app/
    styles/
      css/
      scss/

我的Gruntfile.js 看起来像这样：

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

grunt.loadNpmTasks('grunt-contrib-sass');

grunt.registerTask('server', function (target) {
  if (target === 'dist') {
    return grunt.task.run(['build', 'connect:dist:keepalive']);
  }

  grunt.task.run([
    'clean:server',
    'concurrent:server',
    'sass',
    'autoprefixer',
    'connect:livereload',
    'watch',
  ]);
});
...

运行此任务时：

$ grunt sass
Running "sass:dist" (sass) task

Done, without errors.

但是，我的 scss 文件没有编译成 app/styles/css。

我错过了什么？

【问题讨论】：

标签： sass gruntjs yeoman

【解决方案1】：

我觉得有问题：

dest: '<%= yeoman.app %>/styles/css',

并且应该可以工作。

【讨论】：