在 gulp 任务中使用 node.js 函数
Using node.js functions in gulp task
我希望将 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'));
});
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'));
});
@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'));
});
我希望将 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'));
});
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'));
});
@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'));
});