const gulp = require('gulp');
const {
	task,
	src,
	dest,
	series,
	parallel
} = gulp;
const del = require('del'); // 引入删除任务
const watch = require('gulp-watch'); // 解决原生gulp.watch只更新一次的bug
const browserSync = require('browser-sync'); // 服务
var replace = require('gulp-replace');


/**
 * 复制其他资源
*/
task('copy', () => src(['**/**/*.*','!dist/**','!node_modules/**','!gulpfile.*','!package.*'])
	.pipe(replace('http://127.0.0.1:8088', 'http://127.0.0.1:8088'))
	.pipe(dest('dist'))
);

/**
 * 清空dist文件目录下所有文件
 * 图片目录不清理，图片一般不需要重复生产
 */
task('del', () => del([
	'dist/**/*',
]));

task('build', series(
	parallel('copy')
));

task('browserSync', () =>
	browserSync.init({
		port: 8088,
		server: {
			baseDir: "dist"
		},
		reloadOnRestart: false, // 刷新每个浏览器时Browsersync重新启动
		notify: false, // 不显示在浏览器中的任何通知
		timestamps: false, // 不追加时间戳文件注入
	})
);

task('watch', callback => {
	watch('**/**/*.*', series('copy'));
	watch('dist/**/*', browserSync.reload);
	callback();
});



task('help', callback => {
	setTimeout(() => {
		console.info(`
--------------------------------------------
执行以下命令：
$ gulp start      启动项目服务
$ gulp build      打包
$ gulp clear      清空dist目录(包含图片)
--------------------------------------------`);
	}, 50);
	callback();
});

/**
 * 清空dist文件目录下所有文件
 */
task('clear', () => del('dist/**/*'));
task('start', series('build', parallel('browserSync', 'watch')));
task('default', series('help'));