gulp总结

gulp作用

gulp是一个前端构建工具，让简单的任务简单，复杂的任务可管理，是基于task任务的

安装

全局安装 npm i gulp -g 或yarn add global gulp
局部安装npm i gulp -D

使用gulp

建立gulpfile.js文件，gulp需要一个文件作为它的主文件，在gulp中这个文件叫做gulpfile.js然后放在项目目录中，然后在文件中定义任务

主要

task(任务) src(路径) pipe(管道) dest(拷贝文件) watch(监听)

const gulp = require('gulp')
gulp.task('default',['copy'])//任务列表
gulp.task('copy',() => {
	gulp.src('./index.html')
	.pipe(gulp.dest('./dist'))
})//拷贝文件

gulp.task('jk',() => {
	gulp.watch('./index.html,['copy']');
})

合并js安装npm i gulp-concat -D

const concat = require('gulp-concat');

压缩 npm i gulp-uglify -D

const concat = require('gulp-concat').pipe(uglify())

合并css安装npm i gulp-clean-css -D
热更新安装npm i gulp-webserver -D