gulp

第一步
下载全局gulp
npm install -g gulp

第二步
下载需要的依赖包

gulp-uglify 压缩js
gulp-clean-css 压缩css
gulp-html-minify 压缩html

第三步
执行逻辑代码

gulp.task 创建一个任务。

gulp.task('createjs',()=>{
    console.log("执行createjs任务") 
})

gulp.src 创建一个流，用于从文件系统读取文件。

gulp.src('./src/js/*.js')

.pipe() 形成一个管道 在管道中使用uglify()方法压缩js。

gulp.src('./src/js/*.js').pipe(uglify())

gulp.dest() 创建一个流，用于将文件写入到文件系统。

gulp.src('./src/js/*.js').pipe(uglify()).pipe(gulp.dest('./dist/js'))

gulp.series() 将任务组合起来,依次执行。

gulp.series(['createjs','createcss','createhtml'])

当时需要一个任务去执行series函数

gulp.watch() 监听路径内文件是否被更改 如果更改则执行gulp.series

gulp.watch('./src/js/*.js', gulp.series(['createjs','createcss','createhtml']))

当时需要一个任务去执行watch函数

第四步 执行任务命令

gulp <任务名>