javascript - 在 gulp 任务中使用 Node.js 函数

Question

我希望将 more-css( https://github.com/army8735/more ) 集成到我的 gulp 工作流程中。我尝试了几种不同的选择。我不确定包含这种类型的函数的语法是什么。有人可以澄清一下吗？

gulp.task('more-css', function () {
  var moreCss = require('more-css');

  return gulp.src('./in')
    .pipe(moreCss.compress('paint.css', true))
    .pipe(gulp.dest('./out'));
});

Answer 1

@Pradyumna 的答案不正确； gulp 插件基本上是转换流。直接使用 Node API 是不够的，你必须将其包装在一些流逻辑中。简单浏览了一下 npm，没有一个可以用于 more-css 的 gulp 插件，所以我制作了一个。安装:

npm install gulp-more-css --save-dev

代码示例:

var gulp = require('gulp');
var moreCSS = require('gulp-more-css');

gulp.task('default', function() {
    return gulp.src('./in')
        .pipe(moreCSS())
        .pipe(gulp.dest('./out'));
});

https://github.com/ben-eb/gulp-more-css