バーボン・ニート・ミックスインの1つだけをコンパイルするGulp-sass

Question

バーボン・ニート・サスファイルを正しくコンパイルするのに苦労しています。 （一息-SASS関連モジュールの残りの部分がそうであるように、ローカル）ブルボン端正がインストールされている、「きちんと」@import私のメインのサイト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のミックスのうちの1つのために機能しています。どんな考え？

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()); 
}); 
... 

そして、あなたのきちんとしたブルボンで実行し、一緒に動作します。あなたの主なSCSSで

バーボン、それらきちんとなどが...

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

が、それは方法を見つけるためにあなたを助けることを願っています:)