如何使用grunt-sass编译多个scss文件

Question

我正在尝试将多个.scss文件编译为单个CSS文件.这实际上有效,但只抓取第一个文件...

sass: {                                 // Task
   dist: {     
     files: {
       'css/test.css':'sass/*.scss'
     }

   }
}

我们没有安装ruby,所以grunt-contrib-sass不是一个选项.我在Stylus中做同样的事情......

stylus: {
  compile : {
    files : {
      'css/g.css' : 'stylus/*.styl'
    }
  }
}

Answer 1

grunt-contrib-concat先跑步怎么样？

concat: {
       dist: {
         src: [
           'sass/*.scss',
         ],
         dest: 'sass/build.scss',
       }
     },

sass: {                                 // Task
   dist: {     
     files: {
       'css/test.css':'sass/build.scss'
     }

   }
}

然后任务:

grunt.registerTask('sass', ['concat', 'sass']);

编辑

你@import好吗？我不是这方面的专家,但这就是我做的......

DIR /

main.scss
_nav.scss
_vars.scss
etc.

main.scss

@import "nav";
@import "vars";
etc.

Answer 2

我只是想触及这一点,因为我有同样的问题,这实际上会起作用:

    sass: { // Task
       dist: {         
         files: [{
             // Set to true for recursive search
             expand: true,
             cwd: 'scss/',
             src: ['**/*.scss'],
             dest: 'css/',
             ext: '.css'
         }]
       }
    }

让我知道事情的后续!