The gulp-cli package is a command-line interface for Gulp, a toolkit that helps automate time-consuming tasks in your development workflow. It allows you to run Gulp tasks from the command line, making it easier to manage and execute tasks such as minification, compilation, unit testing, linting, and more.
Task Automation
This feature allows you to define and run tasks using Gulp. The code sample demonstrates how to create a default task that simply logs a message to the console.
const gulp = require('gulp');
gulp.task('default', function() {
// place code for your default task here
console.log('Running default task');
});File Watching
Gulp can watch files and directories for changes and automatically run tasks when changes are detected. The code sample shows how to watch JavaScript files in the 'src' directory and run the 'default' task whenever a file changes.
const gulp = require('gulp');
gulp.task('watch', function() {
gulp.watch('src/*.js', gulp.series('default'));
});File Transformation
Gulp can transform files using plugins. The code sample demonstrates how to use the 'gulp-uglify' plugin to minify JavaScript files and output them to a 'dist' directory.
const gulp = require('gulp');
const uglify = require('gulp-uglify');
gulp.task('minify', function() {
return gulp.src('src/*.js')
.pipe(uglify())
.pipe(gulp.dest('dist'));
});Grunt is another JavaScript task runner that automates repetitive tasks like minification, compilation, unit testing, and linting. Compared to gulp-cli, Grunt uses a configuration-over-code approach, which can be more verbose but also more explicit.
Webpack is a module bundler primarily for JavaScript, but it can transform front-end assets like HTML, CSS, and images if the corresponding loaders are included. Unlike gulp-cli, Webpack focuses more on bundling modules and dependencies rather than task automation.
Broccoli is a JavaScript build tool that emphasizes fast rebuilds and a simple, composable API. It is similar to gulp-cli in that it can automate tasks, but it is designed to be more efficient for large projects with many files.
Command Line Utility for Gulp
npm install --global gulp-cli
> gulp [flags] <task> <task>...
When listing tasks with the gulp -T command, gulp-cli displays some custom metadata as defined upon task functions. Currently supported properties:
task.description - String of the description to display.function clean() { ... }
clean.description = 'Cleans up generated files.';
task.flags - Object with key/value pairs being flag/description to display.function build() { ... }
build.flags = {
'--prod': 'Builds in production mode.'
};
Example Usage:
function build() { ... }
build.description = 'Build entire project.';
build.flags = {
'--prod': 'Builds in production mode (minification, etc).'
};
// gulp 3.x
gulp.task('build', build);
// gulp 4.x
gulp.task(build);
The task(s) listed on the command line will be executed. If more than one task is listed, Gulp will execute all of them concurrently, that is, as if they had all been listed as dependencies of a single task.
By default, Gulp does not serialize tasks listed on the command line. If you would like to execute tasks serially, you must specify the --series flag. e.g. gulp clean build --series
Just running gulp will execute the task default. If there is no
default task, gulp will error.
Thanks to the grunt team, specifically Tyler Kellen
To enable tasks auto-completion in shell you should add eval "$(gulp --completion=shell)" in your .shellrc file.
Add eval "$(gulp --completion=bash)" to ~/.bashrc.
Add eval "$(gulp --completion=zsh)" to ~/.zshrc.
Add Invoke-Expression ((gulp --completion=powershell) -join [System.Environment]::NewLine) to $PROFILE.
Add gulp --completion=fish | source to ~/.config/fish/config.fish.
You can find a list of supported JavaScript variant languages in Interpret. If you would like to add support for a new language, send pull requests/open issues on that project.
The CLI adds process.env.INIT_CWD which is the original cwd it was launched from.
Configuration is supported through the use of a .gulp.* file (e.g. .gulp.js, .gulp.ts). You can find a list of supported JavaScript variant languages in Interpret.
A configuration file from the current working directory (cwd) or above are selected before a configuration file from the home directory (~).
Supported configurations properties:
| Property | Description |
|---|---|
| description | Top-level description of the project/gulpfile (Replaces "Tasks for ~/path/of/gulpfile.js") |
| gulpfile | Set a default gulpfile |
| preload | An array of modules to preload before running the gulpfile. Any relative paths will be resolved against the --cwd directory (if you don't want that behavior, use absolute paths) |
| nodeFlags | An array of flags used to forcibly respawn the process upon startup. For example, if you always want your gulpfiles to run in node's harmony mode, you can set --harmony here |
| flags.continue | Continue execution of tasks upon failure by default. |
| flags.compactTasks | Reduce the output of task dependency tree by default. |
| flags.tasksDepth | Set default depth of task dependency tree. |
| flags.silent | Silence logging by default |
| flags.series | Run tasks given on the CLI in series (the default is parallel) |
| message(data) | A function used to translate messages that pass through gulp-cli. Can receive an object like { tag: Symbol(), ...props } where the tag is a symbol from @gulpjs/messages. The string returned from this function will be logged. If false is explicitly returned, no message will be logged. |
| timestamp(data) | A function used to provide timestamps for gulp-cli. Can receive an object like { tag: Symbol(), ...props } where the tag is a symbol from @gulpjs/messages. The string returned from this function will be output before any messages. If false is explicitly returned, no timestamp will be output. |
gulp has very few flags to know about. All other flags are for tasks to use if needed.
Some flags only work with gulp 4 and will be ignored when invoked against gulp 3.
| Flag | Short Flag | Description |
|---|---|---|
| --help | -h | Show this help. |
| --version | -v | Print the global and local gulp versions. |
| --preload [path] | Will preload a module before running the gulpfile. This is useful for transpilers but also has other applications. | |
| --gulpfile [path] | -f | Manually set path of gulpfile. Useful if you have multiple gulpfiles. This will set the CWD to the gulpfile directory as well. |
| --cwd [path] | Manually set the CWD. The search for the gulpfile, as well as the relativity of all preloads (with the `--preload` flag) will be from here. | |
| --tasks | -T | Print the task dependency tree for the loaded gulpfile. |
| --tasks-simple | Print a plaintext list of tasks for the loaded gulpfile. | |
| --tasks-json [path] | Print the task dependency tree, in JSON format, for the loaded gulpfile. The [path] argument is optional, and if given writes the JSON to the path. | |
| --tasks-depth [number] | Specify the depth of the task dependency tree to print. This flag can be used with --tasks or --tasks-json. (This flag was named --depth before but is deprecated.) | |
| --compact-tasks | Reduce the output of task dependency tree by printing only top tasks and their child tasks. This flag can be used with --tasks or --tasks-json. | |
| --sort-tasks | Will sort top tasks of task dependency tree. This flag can be used with --tasks. | |
| --color | Will force gulp and gulp plugins to display colors, even when no color support is detected. | |
| --no-color | Will force gulp and gulp plugins to not display colors, even when color support is detected. | |
| --silent | -S | Suppress all gulp logging. |
| --continue | Continue execution of tasks upon failure. | |
| --series | Run tasks given on the CLI in series (the default is parallel). | |
| --log-level | -L | Set the loglevel. -L for least verbose and -LLLL for most verbose. -LLL is default. |
MIT
3.0.0 (2024-03-24)
.gulp config files (#261)--verify flag (#251)--require flag with --preloadFAQs
Command line interface for gulp
The npm package gulp-cli receives a total of 784,918 weekly downloads. As such, gulp-cli popularity was classified as popular.
We found that gulp-cli demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Biden's executive order pushes for AI-driven cybersecurity, software supply chain transparency, and stronger protections for federal and open source systems.
Security News
Fluent Assertions is facing backlash after dropping the Apache license for a commercial model, leaving users blindsided and questioning contributor rights.
Research
Security News
Socket researchers uncover the risks of a malicious Python package targeting Discord developers.