Question

我希望将更多-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

 var moreCss=require('more-css');
 gulp.task('build', function(){
 var cssFile='paint.css';//path to paint.css
 gulp.src(cssFile)
 .pipe(moreCss.compress(gulp.src(cssFile), true))
 .pipe(gulp.dest('./out'));
});

Answer 2

@ Pradyumna的回答不正确; gulp插件基本上是变换流。直接使用节点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

在gulp任务中使用node.js函数

2 个答案: