Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了sass – 使用grunt-contrib-compass的几个CSS输出大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用grunt-contrib-compass将我的SCSS文件处理成一个CSS文件.基本上,指南针会虑匹配app / styles / ** / *.scss的所有SCSS文件,并将它们编译成.tmp / styles / main.css.

我想将此行为分为:

> app / styles / specific / ** / * .scss to .tmp / styles / specific.css
> app / styles / ** / * .scss to .tmp / styles / main.css(忽略具体)

但是,我不知道如何配置关于我的配置文件的grunt非常简单:

options: {
    sassDir: '<%= yeoman.app %>/styles',cssDir: '.tmp/styles',imagesDir: '<%= yeoman.app %>/images',javascriptsDir: '<%= yeoman.app %>/scripts',fontsDir: '<%= yeoman.app %>/styles/fonts',importPath: '<%= yeoman.app %>/bower_components',relativeAssets: true
}

我无法找到任何解决方案,特别是因为指南针文档声明cssDir和sassDir只允许字符串作为参数.这是否必须在其他任务中完成?

解决方法

我认为你应该尝试对罗盘有内部支持的grunt-contrib-sass:
https://npmjs.org/package/grunt-contrib-sass

来自文件

compass 
Type: Boolean
Default: false

Make Compass imports available and load project configuration 
(config.rb located close to the Gruntfile.js).

你可以使用gruntjs的全局模式:
http://gruntjs.com/configuring-tasks#globbing-patterns

sass: {
 dist: {
  files: [
    {
      src: 'app/styles/specific/**/*.scss',dest:'.tmp/styles/specific.css'
    },{
      src: ['app/styles/**/*.scss','!app/styles/specific/**/*.scss'],dest:'.tmp/styles/main.css'
    }
  ]
 }
}

大佬总结

以上是大佬教程为你收集整理的sass – 使用grunt-contrib-compass的几个CSS输出全部内容,希望文章能够帮你解决sass – 使用grunt-contrib-compass的几个CSS输出所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。