如何在 gulp 中使用节点补充

Question

我需要将节点填充连接到 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"

对不起我的英语(

Answer 1

您遇到的错误是什么？

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

最后，我想指出的是，波旁团队有波旁威士忌和 Neat 的官方 npm 包：

• https://www.npmjs.com/package/bourbon
• https://www.npmjs.com/package/bourbon-neat

node-bourbon套餐不是官方的，很容易过时。bourbon-bitters和node-refills也不是官方包，它们也不是设计用来作为库 API 使用的，所以不会有官方包。