通常我们可以通过gulp mytask之类的东西从控制台运行gulp任务。我是否可以将参数传递给gulp任务?如果可能,请举例说明如何做到这一点。
当前回答
将参数传递给gulp可能意味着以下几件事:
从命令行到gulp文件(这里已经举例说明了)。 从gulpfile.js脚本主体到gulp任务。 从一个吞咽任务到另一个吞咽任务。
下面是一种将参数从主gulpfile传递给gulp任务的方法。通过将需要参数的任务移动到它自己的模块中,并将其包装在函数中(因此可以传递参数):
// ./gulp-tasks/my-neat-task.js file
module.exports = function(opts){
opts.gulp.task('my-neat-task', function(){
console.log( 'the value is ' + opts.value );
});
};
//main gulpfile.js file
//...do some work to figure out a value called val...
var val = 'some value';
//pass that value as a parameter to the 'my-neat-task' gulp task
require('./gulp-tasks/my-neat-task.js')({ gulp: gulp, value: val});
如果您有很多gulp任务,并且想要传递一些方便的环境配置,这可以派上用场。我不确定它是否能在一个任务和另一个任务之间工作。
其他回答
我知道我回答这个问题有点晚了,但我想为@Ethan的回答补充一些东西,他是投票和接受度最高的答案。
我们可以使用yargs来获取命令行参数,然后我们还可以为一些参数添加自己的别名,比如follow。
var args = require('yargs')
.alias('r', 'release')
.alias('d', 'develop')
.default('release', false)
.argv;
详情请参考此链接。 https://github.com/yargs/yargs/blob/HEAD/docs/api.md
以下是码数文件中给出的别名用法。我们还可以在那里找到更多的yargs功能,并可以使命令行传递体验更好。
.alias(键,别名) 将键名设置为等效的,以便对键的更新将传播 到别名,反之亦然。 可选地,.alias()可以接受一个将键映射到别名的对象。每一个 该对象的Key应该是该选项的规范版本,并且 每个值应该是一个字符串或字符串数组。
下面是另一种不需要额外模块的方法:
我需要从任务名称中猜测环境,我有一个“开发”任务和一个“prod”任务。
当我运行gulp prod时,它应该设置为prod环境。 当我运行gulp dev或其他任何东西时,它应该设置为开发环境。
为此,我只检查正在运行的任务名称:
devEnv = process.argv[process.argv.length-1] !== 'prod';
有一个官方的极简主义的吞咽食谱。
https://github.com/gulpjs/gulp/blob/master/docs/recipes/pass-arguments-from-cli.md
基本方法是使用minimist分离cli参数,并将它们与已知选项结合起来:
var options = minimist(process.argv.slice(2), knownOptions);
解析什么呢
$ gulp scripts --env development
在食谱中有更完整的信息。
下面是我如何使用它的示例。对于css/less任务。可适用于所有。
var cssTask = function (options) {
var minifyCSS = require('gulp-minify-css'),
less = require('gulp-less'),
src = cssDependencies;
src.push(codePath + '**/*.less');
var run = function () {
var start = Date.now();
console.log('Start building CSS/LESS bundle');
gulp.src(src)
.pipe(gulpif(options.devBuild, plumber({
errorHandler: onError
})))
.pipe(concat('main.css'))
.pipe(less())
.pipe(gulpif(options.minify, minifyCSS()))
.pipe(gulp.dest(buildPath + 'css'))
.pipe(gulpif(options.devBuild, browserSync.reload({stream:true})))
.pipe(notify(function () {
console.log('END CSS/LESS built in ' + (Date.now() - start) + 'ms');
}));
};
run();
if (options.watch) {
gulp.watch(src, run);
}
};
gulp.task('dev', function () {
var options = {
devBuild: true,
minify: false,
watch: false
};
cssTask (options);
});
只需要在进程中将它加载到一个新对象中。的过程。Gulp ={}并让任务查看那里。
推荐文章
- 如何防止moment.js从webpack加载地区?
- 将参数传递给Gulp任务
- 排除Gulp任务中的文件/目录
- Gulp命令未找到-安装Gulp后错误
- 尝试在节点0.12上重新安装' node-sass ' ?
- 安装Gulp后:"没有命令' Gulp ' found "
- 期望换行符是“LF”,但发现“CRLF”换行风格
- 为什么我们需要在全球和本地安装gulp ?
- Gulp错误:以下任务未完成:您忘记发出异步完成信号了吗?
- 是否有可能传递一个标志给Gulp,让它以不同的方式运行任务?
- 节点更新特定的包
- 如何运行Gulp任务顺序一个接一个
- 由于MIME类型,样式表未加载
- 如何修复Node.js中的“ReferenceError:未定义原始值”
- NPM vs.Bower vs.Browserify vs.Gulp vs.Grunt vs.Webpack