编译与运行

运行JSNative模块工程

JSNaitve项目可以通过：light release -wb 指令启动并启动开发模式。

其中-w参数是指编译是会开启watch选项，当发生代码变更的时候自动触发代码编译；-b选项表示在应用编译完成后打开浏览器并在默认3000端口监听http请求，以对资源进行一个简单的本地server的运行查看和调试。端口号也可以自定义。

light release -wb
[2019-04-16 17:47:42][INFO] 清除/tmp/jsnative1555408061974-6861837146828487目录
[2019-04-16 17:47:42][INFO] 拷贝/tmp/jsnative到/tmp/jsnative1555408061974-6861837146828487目录
[2019-04-16 17:47:42][INFO] jsnative@1.0.12插件加载成功
[2019-04-16 17:47:42][INFO] 阶段：prepare，调用插件type-vue@1.1.17开始
[2019-04-16 17:47:42][INFO] 阶段：prepare，调用插件jsnative@1.0.12开始
[2019-04-16 17:47:42][INFO] 阶段：prepare，调用插件jsnative@1.0.12成功
[2019-04-16 17:47:42][INFO] 阶段：prepare，调用插件type-vue@1.1.17成功
[2019-04-16 17:47:42][INFO] 处理资源装配：index
[2019-04-16 17:47:42][INFO] 处理脚本资源注入：index
[2019-04-16 17:47:42][INFO] 阶段：build，调用插件type-vue@1.1.17开始
[2019-04-16 17:47:43][INFO] 准备编译jsn环境下的jsnative文件...
[2019-04-16 17:47:46][INFO] 阶段：build，调用插件type-vue@1.1.17成功
[2019-04-16 17:47:46][INFO] 阶段：serve，调用插件jsnative@1.0.12开始
[2019-04-16 17:47:46][INFO] 阶段：serve，调用插件jsnative@1.0.12成功
[2019-04-16 17:47:46][INFO] 已开启本地资源监听...
[2019-04-16 17:47:46][INFO] 资源编译成功

编译过程中的日志信息大致如上（省略了编译进度的细节部分日志信息），可以看出完整的编译流程中触发了JSNative插件和type-vue插件的运行。

可以重点看一下打开页面手机预览模式的控制台后，右侧展示的部分。

1. 点击资源详情的链接可以打开编译模块的详细视图，包括每个模块参与编译的时机以及大小
2. 二维码可以直接被lightview扫描以展示在真机设备上的JSNative运行效果