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

杰基

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

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

   }
}

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

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我不是细节方面的专家,但这是我的工作...

给你/

main.scss
_nav.scss
_vars.scss
etc.

main.scss

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用grunt-sass将多个scss文件编译成多个css文件?

来自分类Dev

Gulp:如何创建可编译多个SASS文件的任务?

来自分类Dev

如何同时使用grunt-autoprefixer和grunt-sass?

来自分类Dev

如何使Grunt重新编译依赖的SASS文件?

来自分类Dev

Grunt livereload使用yeoman编译bootstrap sass文件

来自分类Dev

如何在不创建地图文件的情况下编译sass / scss

来自分类Dev

使用gulp-sass在已编译的CSS中从SCSS文件输出行号

来自分类Dev

grunt:如何使用grunt任务替换html文件中的路径

来自分类Dev

grunt:如何使用grunt任务替换html文件中的路径

来自分类Dev

使用vimscript(vimrc)自动编译Sass \ Scss

来自分类Dev

使用Foundation,Grunt,Sass创建多个主题(css文件)

来自分类Dev

如何使用node-sass将scss编译为CSS

来自分类Dev

如何根据变量将我的 .scss 文件编译成多个 .css 文件

来自分类Dev

gulp 使用单个命令从多个 sass 文件夹编译多个 css?

来自分类Dev

使用Grunt编译SASS文件会创建一个不必要的文件夹

来自分类Dev

如何使用Git和Grunt / Sass / Composer管理已编译资产的版本控制和生产部署?

来自分类Dev

如何仅在需要时使用grunt-contrib-watch和grunt-contrib-coffee编译CoffeeScript?

来自分类Dev

如何使用Babel和Grunt正确编译项目

来自分类Dev

如何不使用grunt或gulp在Node JS中查找LESS和SCSS文件?

来自分类Dev

Grunt-compass无法编译多个文件

来自分类Dev

如何使用模板包括条件地编译(使用Grunt)仅更改的玉文件

来自分类Dev

如何使用模板有条件地编译(使用Grunt)仅更改的玉文件,包括

来自分类Dev

像grunt和ruby sass一样,如何触发node-sass用监视文件进行编译?

来自分类Dev

如何使用grunt http服务器访问区域设置json文件(grunt-contrib-connect)

来自分类Dev

如何在Grunt Build中使用多个复制命令?

来自分类Dev

用Grunt编译,连接和缩小Sass文件

来自分类Dev

grunt-contrib-sass无法编译CSS文件

来自分类Dev

尽管被“监视”,但grunt watch仍未编译所有sass文件

来自分类Dev

如何使用grunt-contrib-uglify也gzip js文件?

Related 相关文章

  1. 1

    如何使用grunt-sass将多个scss文件编译成多个css文件?

  2. 2

    Gulp:如何创建可编译多个SASS文件的任务?

  3. 3

    如何同时使用grunt-autoprefixer和grunt-sass?

  4. 4

    如何使Grunt重新编译依赖的SASS文件?

  5. 5

    Grunt livereload使用yeoman编译bootstrap sass文件

  6. 6

    如何在不创建地图文件的情况下编译sass / scss

  7. 7

    使用gulp-sass在已编译的CSS中从SCSS文件输出行号

  8. 8

    grunt:如何使用grunt任务替换html文件中的路径

  9. 9

    grunt:如何使用grunt任务替换html文件中的路径

  10. 10

    使用vimscript(vimrc)自动编译Sass \ Scss

  11. 11

    使用Foundation,Grunt,Sass创建多个主题(css文件)

  12. 12

    如何使用node-sass将scss编译为CSS

  13. 13

    如何根据变量将我的 .scss 文件编译成多个 .css 文件

  14. 14

    gulp 使用单个命令从多个 sass 文件夹编译多个 css?

  15. 15

    使用Grunt编译SASS文件会创建一个不必要的文件夹

  16. 16

    如何使用Git和Grunt / Sass / Composer管理已编译资产的版本控制和生产部署?

  17. 17

    如何仅在需要时使用grunt-contrib-watch和grunt-contrib-coffee编译CoffeeScript?

  18. 18

    如何使用Babel和Grunt正确编译项目

  19. 19

    如何不使用grunt或gulp在Node JS中查找LESS和SCSS文件?

  20. 20

    Grunt-compass无法编译多个文件

  21. 21

    如何使用模板包括条件地编译(使用Grunt)仅更改的玉文件

  22. 22

    如何使用模板有条件地编译(使用Grunt)仅更改的玉文件,包括

  23. 23

    像grunt和ruby sass一样,如何触发node-sass用监视文件进行编译?

  24. 24

    如何使用grunt http服务器访问区域设置json文件(grunt-contrib-connect)

  25. 25

    如何在Grunt Build中使用多个复制命令?

  26. 26

    用Grunt编译,连接和缩小Sass文件

  27. 27

    grunt-contrib-sass无法编译CSS文件

  28. 28

    尽管被“监视”,但grunt watch仍未编译所有sass文件

  29. 29

    如何使用grunt-contrib-uglify也gzip js文件?

热门标签

归档