在Yeoman中配置grunt-contrib-sass [英] Configure grunt-contrib-sass in Yeoman

问题描述

正如我想使用波旁，我期待删除罗盘咕噜任务，并使用普通的sass任务，但由于某种原因，它似乎并没有编译我的scss文件。

我有以下目录结构：

  yeomanApp / 
 app / 
样式/ 
 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：s​​erver'，
'concurrent：server '，
'sass'，
'autoprefixer'，
'connect：livereload'，
'watch'，
]）; 
}）; 
 ... 
  

运行此任务时：

  $ grunt sass 
运行sass：dist（sass）任务
 
完成，没有错误。 
  

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

我缺少什么？

解决方案

我认为存在一个问题：

  dest：'<％= yeoman.app％> / styles / css' ，
  

并且应该有效。

As I want to use Bourbon, I'm looking forward to remove compass grunt task and use plain sass task, however for some reason it doesn't seems to compile my scss files.

I have the following directory structure:

yeomanApp/
  app/
    styles/
      css/
      scss/

My Gruntfile.js looks something like this:

...
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',
  ]);
});
...

When running this task:

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

Done, without errors.

However, my scss files are not compiled into app/styles/css.

What am I missing?

解决方案

I think there's a problem:

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

and should work.

这篇关于在Yeoman中配置grunt-contrib-sass的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！