gulp例子

const gulp = require('gulp');
const htmlmin = require('gulp-htmlmin');
const fileinclude = require('gulp-file-include');
const csso = require('gulp-csso');
const less = require('gulp-less');
const babel = require("gulp-babel")
const uglify =require('gulp-uglify');

gulp.task('first',()=>{
	console.log('我的第一个gulp task')
	gulp.src('./src/*.html')
	.pipe(gulp.dest('./dist'))
})

gulp.task('htmlmin',()=>{
	console.log('压缩代码')
	gulp.src('./src/*.html')
	.pipe(fileinclude())
	.pipe(htmlmin({'collapseWhitespace':true,removeComments: true,}))
	.pipe(gulp.dest('./dist'))
})

gulp.task('cssmin',()=>{
	console.log('压缩css')
	gulp.src(['./src/*.css','./src/*.less'])
	.pipe(less())
	.pipe(csso())
	.pipe(gulp.dest('./dist/css'))
})

gulp.task('jsmin',()=>{
	console.log('压缩js')
	gulp.src('src/*.js')
	.pipe(babel({
		// 它可以判断当前代码的运行环境，将代码转换为当前运行环境所支持代码
		presets:['@babel/env']
	}))
	.pipe(uglify())
	.pipe(gulp.dest('./dist'))
})

gulp.task('default',gulp.series('htmlmin','cssmin','jsmin'))