gulp常用命令

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'))
    })
上一篇:python-Gulp的Django’collectstatic’


下一篇:javascript-在自己的Task中需要包装是否正确? [咕lp声]