2014-01-20 4 views
5

grunt-contrib-compass을 사용하여 SCSS 파일을 단일 CSS 파일로 처리하고 있습니다. 기본적으로 나침반은 app/styles/**/*.scss과 일치하는 모든 SCSS 파일을 고려하여 .tmp/styles/main.css으로 컴파일합니다.grunt-contrib-compass를 사용한 여러 CSS 출력

난에이 동작을 분할하고 싶습니다 : .tmp/styles/main.css 그러나

을 (specific 무시)에

  1. app/styles/specific/**/*.scss
  2. app/styles/**/*.scss.tmp/styles/specific.css에, 나는에 대한 불평 소리를 구성하는 방법에 대해 아무 생각이 내 구성 파일은 매우 간단합니다 :

    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 
    } 
    

    특히 나침반 설명서에 cssDirsassDir에 문자열을 매개 변수로 허용하기 때문에 어떤 해결책을 찾을 수 없었습니다. 이 작업이 다른 작업에서 수행되어야합니까? 문서에서
    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

답변

6

는 당신이 나침반에 대한 내부 지원이 꿀꿀-있는 contrib-말대꾸를 시도해야한다고 생각

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' 
    } 
    ] 
} 
} 
+0

사실 저는 컴퍼스 bec를 사용하고있었습니다. 그것을 yeoman 백본 생성기에 포함시켰다. 나는 그 기능을 사용하지 않고있다. 나는 'grunt-contrib-sass'로 완벽하게 좋을 것이고, 필요하다면 나중에 compass를 추가 할 것이다. – Simon