如何在gulp中使用node-refills

时间:2017-08-27 14:04:59

标签: gulp bourbon

我需要将节点重新填充连接到gulp。此代码出错:

var 
    gulp = require('gulp'),
    sass = require('gulp-sass'),
    bourbon = require('node-bourbon').includePaths,
    bitters = require('bourbon-bitters').includePaths,
    neat = require('bourbon-neat').includePaths,
    refills = require('node-refills').includePaths,
    normalize = require('node-normalize-scss').includePaths;

gulp.task('sass', function () {
    return gulp.src('app/sass/**/*.sass')
    .pipe(sass({
        includePaths: [].concat(normalize, bourbon, bitters, neat, refills),
    }))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.reload({stream: true}))
});

在sass文件中:

@import "normalize"
@import "bourbon"
@import "neat"
@import "bitters"
@import "refills"

对不起我的英文)

1 个答案:

答案 0 :(得分:0)

你得到的错误是什么?

我建议不要使用Bitters或Refills作为npm模块,因为它们不像Bourbon和Neat这样的库。 Bitters和Refills是代码支架和片段,旨在作为静态文件直接添加到您的项目中,并随着时间的推移进行编辑以满足您的需求。将它们用作API非常脆弱。

最后,我想要注意的是波本威士忌团队为波旁和尼特提供官方npm套餐:

node-bourbon套餐不是正式的,容易过时。 bourbon-bittersnode-refills也不是官方软件包,并且它们不是用作库API的,因此不会有官方软件包。

相关问题