weixin_45615650的博客

**1、图片：**图片我们自己是不需要进行压缩的const imgHandler = function () {return gulp //这里要加return .src('./src/img/**') .pipe(gulp.dest('./dest/img/'))}//将图片文件打包任务导出module.exports.imgHandler = imgHandler;**2、videos：**video我们自己是不需要进行压缩的

下载：npm i -D gulp-htmlmin将js打包插件引入到gulpfile.js文件中const htmlmin= require(‘gulp-htmlmin’)得到的是处理流文件的函数在管道函数中直接使用就可以了,需要传递参数const htmlHandler = function () {return gulp //这里要加return .src('./src/html/*html') .pipe(htmlmin({

gulp-uglify将js文件进行压缩下载：npm i -D gulp-uglify将js打包插件引入到gulpfile.js文件中const uglify= require(‘gulp-uglify’)得到的是处理流文件的函数在管道函数中直接使用就可以了注意：不可以使用ES6语法，一旦使用就会发生报错一个创建一个导出相对应const jsHandler = function () {return gulp //这里要加return .src('./s

gulp的各种插件的作用是执行各种各样的压缩混淆转码任务的**1、gulp-cssmin**进行压缩css文件：去空格下载：npm i -D gulp-cssmin //导入：const cssmin = require(‘gulp-cssmin’) //在gulpfile.js文件中进行导入导入以后得到一个处理流文件的函数直接在管道函数里执行就好用法：在gulpfile.js文件中进行打包配置例子：简单的压缩css文件（这是gulp@3 的书写语法）const gu

1、gulp.task(任务名称，任务处理函数)作用：创建一个基于流的任务2、gulp.src(路径信息)作用：找到源文件例子：gulp.src(’.a/b.html’) 找到在a目录下找到b.html文件gulp.src(’.a/*.html’) 找到a目录下的所有html后缀文件3、gulp.dest(路径信息)作用：将一个内容放入指定路径下4、gulp.watch(路径信息，任务名称)作用：监控指定目录下的文件，一旦发生变化执行后面的任务5、gulp.series(任务

我们必须要一个结构完整的目录由于我们在打包完我们的文件名与源文件名是一致的我们也是不可以进行改名的，如果我们更改了名字我们在引入相应的文件就会出现错误通常我们在项目文件夹下建立两个文件dist与src文件夹src文件夹下放我们的相关源码 html，css，jsdist文件夹下我们放我们打包过后的文件 这个文件不需要我们自己区创建，在我们打包完成就生成了2、同时我们还需要建一个gulpfile.js的文件，与src同级在这个js文件里写我们整个项目的打包配置流程在每个项目在进行打包时，每次都需

gulp是前端的打包构建工具打包：把文件压缩，整合，移动，混淆gulp是基于流的打包构建工具首先介绍什么是流：流有两种：流文件和流格式流文件：是一种文件传输格式，一段一段的进行传输流格式：从头到尾的加工过程，从源开始一步一步的进行加工，完成下一步是基于上一步的结果gulp是基于流格式打包构建工具gulp的依赖环境：依赖于node环境进行开发底层封装的就是node里的读写文件gulp的作用：对于css来说：压缩，转码（自动添加前缀）对于js文件：压缩，转码（ES6–>ES5）