根据官方的教程,只能自动编译还不能自动刷新浏览器
1.先确保layaair2-cmd和gulp安装成功
2.node版本不能高于10以上,建议10.15
npm i layaair2-cmd -g
npm i gulp -g
根据官方的例程上,做了修改。
1.npm i browser-sync
2.npm i gulp 让工程安装gulp
3.在根目录创建一个gulpfile.js脚本文件
const {watch ,task } = require("gulp");
const {exec} = require("child_process");
const browserSync = require("browser-sync").create();
function compile(cb) {
//执行编译命令 layaair2-cmd compile
console.log("compile");
let process = exec("layaair2-cmd compile");
process.stdout.on("data",(data)=>{
//console.log(data);
});
process.stderr.on("data",(data)=>{
//console.log(data);
});
process.on("exit",(code,signal)=>{
// console.log("success");
//console.log(code,signal);
browserSync.reload();
cb();
})
}
//创建一个名称为compile的gulp任务
task("compile", function(){
/**
* @ 监听src目录下的所有子目录的所有文件,
* @ 延迟1000毫秒,才执行下次监听,避免手欠的同学,因连续保存触发多次连续编译
* @ 监听生效后执行的函数
*/
console.log("first");
browserSync.init({
server: "./bin"
});
watch('src/**/*.*', {delay:1000}, compile);
});