首页  >  打包工具  >  gulp配置代码展示

const {
	watch, src, dest, parallel
} = require('gulp');
const connect = require('gulp-connect');
const htmlclean = require('gulp-htmlclean');
const cssnano = require('cssnano');
const autoprefixer = require('autoprefixer');
const postcss = require('gulp-postcss');
const less = require('gulp-less');
const imgMin = require('gulp-imagemin');
const strip = require('gulp-strip-debug');
const uglify = require('gulp-uglify');
const concat = require('gulp-concat');

let devMode = process.env.NODE_ENV == 'development';
let folder = {
	src: "src/", //开发目录文件夹
	dist: "dist/" //压缩打包后目录
}

function html() {
	let page = src('src/html/*.html');
	page.pipe(connect.reload());
	if (!devMode) {
		page.pipe(htmlclean());
	}
	return page.pipe(dest('dist/html'));
}

function images() {
	let page = src('src/images/*');
	page.pipe(imgMin())
	return page.pipe(dest('dist/images/'));
}

function js() {
	let page = src('src/js/*');
	page.pipe(connect.reload());
	if (!devMode) {
		page.pipe(strip())
			.pipe(uglify());
	}
	page.pipe(concat('main.js'));
	return page.pipe(dest('dist/js/'));
}

function css() {
	let options = [autoprefixer(), cssnano()];
	let page = src('src/css/*');
	page.pipe(connect.reload())
		.pipe(less());
	if (!devMode) {
		page.pipe(postcss([cssnano()]));
	}
	page.pipe(postcss([autoprefixer()]))
	return page.pipe(dest('dist/css'));
}

function server() {
	return connect.server({
		port: '8090',
		livereload: true
	});
}

watch('src/html/*', html);
watch('src/images/*', images);
watch('src/js/*', js);
watch('src/css/*', css);

exports.default = parallel(html, css, images, js, server);