如何使用grunt-sass编译多个scss文件 [英] How to compile multiple scss files using grunt-sass

问题描述

我正在尝试将多个.scss文件编译为一个CSS文件.这实际上有效，但是只能获取第一个文件...

I am trying to compile multiple .scss files into a single CSS file. This actually works but only grabs the first file...

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

   }
}

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

We don't have ruby installed so grunt-contrib-sass is not an option. I do the same thing in Stylus like this...

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

推荐答案

首先运行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?我不是具体专家，但这是我的工作...

How are you using @import? I'm not an expert on the specifics, but here is what I do...

dir/

main.scss
_nav.scss
_vars.scss
etc.

main.scss

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

这篇关于如何使用grunt-sass编译多个scss文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！