Question

我有问题，我去运行任务，一切正常，但从不给我style.css结果或输出。

var gulp = require('gulp'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
compass = require('gulp-compass'),
neat = require ('node-neat').includePaths,
bourbon = require('node-bourbon');

// Bourbon Compile
gulp.task("compileBourbon", function(){
    gulp.src('./src/sass/bourbon.scss')
    .pipe(sass({
        includePaths: require('node-bourbon').includePaths,
        style: 'compressed',
        quiet: true
    }))
    .pipe(gulp.dest('./builds/development/css'));
});

Answer 1

波本威士忌是一个混合物。函数库如此简单地使用它实际上不会输出任何代码，类似于定义一个函数实际上不运行该函数。整齐是一样的，它只定义了可以调用的东西，但实际上并没有自己制作任何代码。

您需要@import "bourbon";和@import "neat";，然后编写使用导入库的css，如...

    // mystyles.scss
    @import "bourbon";

    .my-class {
      @include position(relative, 5em 2em null null);
      color: blue;
    }

作为旁注，您可能不希望同时导入/使用波本威士忌和指南针。如果你同时使用它们会有一些重叠并且会发生奇怪的事情。

Gulp Sass Bourbon，不给我style.css

1 个答案: