当前位置:网站首页>入门文档12 webserve + 热更新
入门文档12 webserve + 热更新
2022-08-05 05:18:00 【dongsdh】
启动项目只执行一次serve任务
修改内容不要再去执行serve,否则会有提示
const { src, dest, series, watch, parallel } = require("gulp");
const del = require("del");
const webserver = require("gulp-webserver");
function clean(cb) {
console.log('清理');
return del("./dist/"); //删除指定的目录,为转存文件做准备
cb()
}
function js(cb) {
console.log('处理js');
src("./src/js/*.js")
.pipe(dest("./dist/js"));
cb();
}
function html(cb) {
console.log('处理html');
src("./src/html/*.html")
.pipe(dest("./dist/html"));
cb();
}
function serve() {
src("./").pipe(
webserver({
host: "localhost",
port: 366,
livereload: true, // 实时重新加载
open: "dist/html/my.html", // 启动时默认浏览器打开的文件
directoryListing: {
enable: true,
path: "./dist/html",
}
})
);
}
const Run = series(
clean,
parallel(js,html)
)
watch(['./src/'], Run);
exports.default = series(Run,serve);
边栏推荐
猜你喜欢
随机推荐
不吹不黑,这的确是我看过微服务架构最好的文章!
什么是阿里云·速成美站?
五、请求处理—Rest映射是怎样实现的?
每日一题-单调栈
成功的独立开发者应对失败&冒名顶替综
错误类型:reflection.ReflectionException: Could not set property ‘xxx‘ of ‘class ‘xxx‘ with value ‘xxx‘
每日一题-下一个排列-0723
D46_给刚体施加的力
阿里云视频点播
乘云科技受邀出席2022阿里云合作伙伴大会荣获“聚力行远奖”
spark算子-parallelize算子
如何使用Houdini进行程序化优化?
腾讯云云函数SCF—入门须知
六、请求处理—获取请求参数系列注解是怎样工作的?
spark算子-repartition算子
LeetCode刷题之第86题
spark源码-任务提交流程之-2-YarnClusterApplication
spark算子-textFile算子
LeetCode刷题之第61题
Blender软件介绍与使用心得