버번 - 깔끔한 믹스 중 하나만 컴파일하는 멍청한 녀석

Question

버펄로 깔끔한 씨스 파일을 올바르게 컴파일하는 데 어려움을 겪고 있습니다. Bourbon-neat가 설치되어 (로컬로 gulp-sass 관련 모듈과 같이) @import 'neat'가 내 메인 사이트 scss 파일에 추가되고 gulp.js 파일에는 다음 줄이 포함됩니다.

var gulp = require('gulp'), 
sass = require('gulp-sass'),  
neat = require('bourbon-neat').includePaths; 

및

gulp.task('css', function() {  
.pipe(sass({ 
      includePaths: neat 
    })) 
} 

그러나 어떤 이유로 컴파일되고있는 유일한 깔끔한 믹스 인이 박스 sizing.scss입니다

. 따라서 @import '깔끔한'기능이 작동하지만 23 개의 믹스 중 하나만 사용할 수 있습니다. 왜 그런가?

Answer 1

희망 사항을 정확히 이해하고 있습니다. 버번을 직접 설치 했습니까? 왜냐하면 나는 require에서 보지 못했기 때문입니다. 그냥 깔끔한와 부르봉 왕가를 설치하고 작업은 같은 외모됩니다

... 
var autoprefix = require("gulp-autoprefixer"), 
    connect = require("gulp-connect"), 
    gulp  = require("gulp"), 
    bourbon = require("bourbon").includePaths, 
    neat  = require("bourbon-neat").includePaths, 
    sass  = require("gulp-sass"); 

var paths = { 
    scss: ["./stylesheets/**/*.scss"] 
}; 

gulp.task("sass", function() { 
    return gulp.src(paths.scss) 
    .pipe(sass({ 
     outputStyle: 'nested', //for example 
     precision: 10,   //for example 
     sourcemaps: true,  //for example 
     includePaths: [bourbon, neat] 
    })) 
    .pipe(autoprefix("last 2 versions")) 
    .pipe(gulp.dest("./stylesheets")) 
    .pipe(connect.reload()); 
}); 
... 

그리고 당신의 깔끔한은 부르봉 왕가와 함께 실행되며 함께 작동합니다. 주 SCS들에

은 버번, 그들 깔끔한 ...

@import "bourbon"; 
@import "neat"; 
@import "something_else"; 
... 

이는 방법 :

를 찾기 위해 당신을 도울 것입니다 희망을 포함