Gulp-sass ne compile que l'un des mixins bourbon-soigné

Question

J'ai du mal à obtenir gulp pour compiler correctement les fichiers sass bourbon-soignée. Bourbon-propre est installé (localement, comme le reste de la gulp-SASS modules connexes), @import « net » est ajouté à mon fichier SCSS du site et mon fichier gulp.js comprend les lignes suivantes:

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

et

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

Mais pour une raison quelconque le seul mixin Neat qui est en cours de compilation est boîte sizing.scss. Donc, le @import 'soigné' fonctionne mais seulement pour l'un des 23 mixins. Une idée pourquoi?

Answer 1

Espérons que je comprends bien la question. Avez-vous installé le bourbon eux-mêmes? Parce que je n'ai pas vu dans require. Il suffit d'installer Bourbon avec soigné et votre tâche ressemble que:

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

Et votre soignée sera exécuté avec Bourbon et travailler ensemble.

Dans vos principales SCSS comprennent bourbon, les NLFA ...

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

espérons qu'il vous aidera à trouver le chemin :)