gulp常用命令

筅森魡賤 提交于 2019-12-05 05:09:57

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'))
    })
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!