根據(jù)官方的教程棚赔,只能自動(dòng)編譯還不能自動(dòng)刷新瀏覽器
1.先確保layaair2-cmd和gulp安裝成功
2.node版本不能高于10以上崔步,建議10.15
npm i layaair2-cmd -g
npm i gulp -g
根據(jù)官方的例程上村视,做了修改坚弱。
1.npm i browser-sync
2.npm i gulp 讓工程安裝gulp
3.在根目錄創(chuàng)建一個(gè)gulpfile.js腳本文件
const {watch ,task } = require("gulp");
const {exec} = require("child_process");
const browserSync = require("browser-sync").create();
function compile(cb) {
//執(zhí)行編譯命令 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();
})
}
//創(chuàng)建一個(gè)名稱為compile的gulp任務(wù)
task("compile", function(){
/**
* @ 監(jiān)聽src目錄下的所有子目錄的所有文件斧拍,
* @ 延遲1000毫秒雀扶,才執(zhí)行下次監(jiān)聽,避免手欠的同學(xué)肆汹,因連續(xù)保存觸發(fā)多次連續(xù)編譯
* @ 監(jiān)聽生效后執(zhí)行的函數(shù)
*/
console.log("first");
browserSync.init({
server: "./bin"
});
watch('src/**/*.*', {delay:1000}, compile);
});