A handy command line interface for gulp
npm install --save-dev gulp-shell
const gulp = require('gulp')
const shell = require('gulp-shell')
gulp.task('example', () => {
return gulp
.src('*.js', { read: false })
.pipe(shell(['echo <%= file.path %>']))
})
Or you can use this shorthand:
gulp.task('greet', shell.task('echo Hello, World!'))
You can find more examples in the gulpfile of this project.
WARNING: Running commands like
is considered as an anti-pattern. PLEASE DON'T DO THAT ANYMORE.gulp.src('').pipe(shell('whatever'))
type: string
or Array<string>
A command can be a template which can be interpolated by some file info (e.g. file.path
).
WARNING: Using command templates can be extremely dangerous. Don't shoot yourself in the foot by
passing arguments like
.$(rm -rf $HOME)
type: string
default: process.cwd()
Sets the current working directory for the command. This can be a template which can be interpolated by some file info (e.g. file.path
).
type: object
By default, all the commands will be executed in an environment with all the variables in process.env
and PATH
prepended by ./node_modules/.bin
(allowing you to run executables in your Node's dependencies).
You can override any environment variables with this option.
For example, setting it to { PATH: process.env.PATH }
will reset the PATH
if the default one brings your some troubles.
type: string
default: /bin/sh
on UNIX, and cmd.exe
on Windows
Change it to bash
if you like.
type: boolean
default: false
By default, it will print the command output.
type: boolean
default: false
Set to true
to print the command(s) to stdout as they are executed
type: boolean
default: false
By default, it will emit an error
event when the command finishes unsuccessfully.
type: string
default: Command `<%= command %>` failed with exit code <%= error.code %>
You can add a custom error message for when the command fails.This can be a template which can be interpolated with the current command
, some file info (e.g. file.path
) and some error info (e.g. error.code
).
type: object
The data that can be accessed in template.
Details changes for each release are documented in the release notes.
启动的报错 <% if (process.env.NODE_ENV === 'production') { %> <% }else { %> <% } %> 打包的报错 throw new TypeError('Invalid Version: ' + version); ^ TypeError: Invalid Version: E:\�����ļ�\����ϵͳ\vue-fah
> npx gulp sass [11:01:12] Using gulpfile ~/IdeaProjects/KevinDemo/mooc_ui/gulpfile.js [11:01:12] Starting 'sass'... Error in plugin "gulp-sass" Message: gulp-sass no longer has a default Sass c
gulp-load-plugins 的简介: 由于我们项目中有时候会用到很多插件,如果都用 require 进来,我们势必得写很多行 require 代码,虽然这样没问题,但是会显得很冗长,所以 gulp-load-plugins 插件应运而生。gulp-load-plugins 在我们需要用到某个插件的时候,才去加载那个插件,并不是一开始就全部加载进来。因为 gulp-l
安装:npm install –save-dev gulp-load-plugins 要使用gulp的插件,首先得用require来把插件加载进来,如果我们要使用的插件非常多,那我们的gulpfile.js文件开头可能就会是这个样子的: var gulp = require('gulp'), //一些gulp插件,abcd这些命名只是用来举个例子 a = require('gulp
一、Gulp压缩 npm install gulp -g // 全局安装gulp npm install gulp -s // 安装gulp到项目中 npm install gulp-sass -s npm install gulp-clean-css -s 1、gulp-sass:sass转css 2、gulp-clean-css:压缩css
gulp需要删除文件或者文件夹,有几种方式: 1.使用gulp-shell插件,使用命令行模式,可以带一个切目录命令 var shell = require('gulp-shell') shell.task([cmd1,cmd2,cmd3...], {cwd: path}) 2.使用gulp-clean插件 var gulp=require('gulp'), clean = re
如果使用gulp4,当我们通过淘镜像或npm i install gulp去下载gulp-sass时,当我们去执行gulp sassHandler任务时会发生如下错误: E:\HtmlExercise\SecondPhase\xiaomi>gulp sassHandler [20:42:54] Using gulpfile E:\HtmlExercise\SecondPhase\xi
这篇快速上手指南将教你如何使用Gulp构建TypeScript,和如何在Gulp管道里添加Browserify,uglify或Watchify。 本指南还会展示如何使用Babelify来添加Babel的功能。 这里假设你已经在使用Node.js和npm了。 我们首先创建一个新目录。 命名为proj,也可以使用任何你喜欢的名字。 mkdir proj cd proj 我们将以下面的结构开始我们的工程
更改历史 * 2017-11-12 杨海月 增加xxx内容,更改xxx内容,删除xxx内容 * 2017-11-01 胡小根 初始化文档 第一章 历史、现状及发展 1.1 gulp历史 gulp是前端开发过程中一种基于流的 代码构建工具 ,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可
问题内容: 我想遍历一个对象,并在每次迭代时将文件路径数组传递给gulp.src,然后对这些文件进行一些处理。下面的代码仅用于说明目的,因为return语句会在第一次通过时终止循环,因此实际上将无法工作。 这是基本思想。有关如何执行此操作的任何想法? 问题答案: 我能够使用合并流实现这一目标。如果有人感兴趣,这里是代码。这个想法是在循环内创建一个流数组,并在完成迭代后合并它们:
我安装了gulp,但我不能使用“gulp”命令,因为它会给我“-bash:gulp:command not found”错误。当我使用“NPX GULP”,然后它的工作,但我不知道为什么。
gulp-concat:文件合并 gulp-connect:在本地开启一个websocket服务,使用liveReload实现实时更新 gulp-watch:监听文件的变化,配合connect实现服务自动刷新 gulp-plumber:实时更新错误不会导致终端gulp运行开启的服务断开 gulp-livereload:即时重整 gulp-clean:清理档案 gulp-load-plugins:自
gulp-load-plugins Automatically load any gulp plugins in your package.json Install $ npm install --save-dev gulp-load-plugins Given a package.json file that has some dependencies within: { "depen
Glup 简明使用教程 安装: $ npm install gulp -g $ npm install gulp --save-dev 安装gulp插件 编译Sass(gulp-sass) (gulp-ruby-sass) 编译Less(gulp-less) Autoprefixer (gulp-autoprefixer) 缩小化(minify)CSS (gulp-minify-css) JSH
支援 Gulp 4.0,允许嵌套配置任务及组态。以优雅、直觉的方式,重复使用 gulp 任务。 编码的时候你遵守 DRY 原则,那编写 gulpfile.js 的时候,为什么不呢? 功能 支援 Gulp 4.0, 自动载入本地 recipe, 支援透过 npm 安装 plugin, 支援嵌套任务并且允许子任务继承组态配置, 支援向前、向后参照任务, 透过组态配置即可处理串流:譬如 merge, q