gulp常用命令:
下载gulp:
npm i gulp
nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换
-
创建任务:
gulp.task();
获取需要执行人物的文件路径:
gulp.src()
;需要执行的操作都都需要放入
pipe()
方法中将处理好的文件放入目标路径下:
.gulp.pipe(gulp.dest())
使用方式:
// 目标: 复制 src/default.html 到 dist 目录下 //1. 加载 gulp 模块 //加载第三方模块,也只需要将模块名填入即可 const gulp = require('gulp'); //加载 gulp-htmlmin 模块,用来对html代码进行压缩 const htmlmin = require('gulp-htmlmin'); //加载 gulp-file-include 模块,用来引入html文件的公共区域 const includeFile = require('gulp-file-include'); //2. 编写任务 --- task 方法 //参数1: 任务名称 --- 自定义 //参数2: 回调函数 --- 因为gulp的版本原因,目前最新版需要加 async 进行修饰 gulp.task('first', async () => { //指定要处理的文件, 使用 await 来修饰 gulp.src 方法 await gulp.src('./src/default.html') //指定处理方式 //dest方法就是将指定的文件复制到指定的位置 .pipe(gulp.dest('./dist')) })