Gulp学习--browser-sync实现自动化加载

最新推荐文章于 2024-04-22 10:08:47 发布

hide_in_darkness

最新推荐文章于 2024-04-22 10:08:47 发布

阅读量111

点赞数

分类专栏： gulp 文章标签： gulp

本文链接：https://blog.csdn.net/hide_in_darkness/article/details/107521398

版权

gulp 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

const { src,dest,task,watch,series,parallel } = require('gulp');
const cssnano = require('gulp-cssnano');
const rename = require('gulp-rename');
const bs = require('browser-sync').create(); //创建bs远程微型服务器

task('css', async function(){
 	await src('./src/css/*.css')
 		.pipe(cssnano())
 		.pipe(rename({
 			suffix:'.min'
 		}))
 		.pipe(dest('./dist/css/'))
 		.pipe(bs.stream());		//bs数据流输出
});

task('bs', async function(){
	bs.init({			//bs服务器初始化
		'server':{
			baseDir:'./'		//服务器开始的目录
		}
	});
});

task('watch', function(cb){
	watch('./src/css/*.css', series('css'));
	cb();
});

task('default', parallel('bs','watch'));