Gulp-Sass仅编译其中一种波旁部 - 纽约混合物

Question

我正在努力使Gulp正确编译波旁部 - 纳特SASS文件。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
    }))
}

，但由于某种原因，唯一要编译的整齐的混合物是盒子尺寸。因此，@Import'Neat'正在工作，但仅适用于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";
...

希望它能帮助您找到方法：）