000.laya 自动编译和刷新浏览器

2020-02-26  本文已影响0人  cmd_ts

根据官方的教程,只能自动编译还不能自动刷新浏览器
1.先确保layaair2-cmd和gulp安装成功
2.node版本不能高于10以上,建议10.15
npm i layaair2-cmd -g
npm i gulp -g

https://ldc2.layabox.com/doc/?language=zh&nav=zh-ts-3-0-9#%E5%9B%9B%E3%80%81%E5%9C%A8VSCode%E4%B8%AD%E8%B0%83LayaAir%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7

根据官方的例程上,做了修改。
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);
});
上一篇 下一篇

猜你喜欢

热点阅读