关于weex的脚手架官方给出了两个工具:weex-toolkit && weexpack。
关于weex-toolkit 与 weexpack 的区别:
weex-toolkit 初始化的项目是针对开发单个 Weex 页面而设计的,也就是说这样的项目只包括单个页面开发需要的东西,比如前端页面源文件、webpack 配置、npm 脚本等。项目产生的输出就是一个 JS Bundle 文件,可以自由的进行部署。
weex-pack 是初始化一个完整的 App 工程,包括 Android 和 iOS 的整个 App 起步,前端页面只是其中的一部分。这样的项目最终产出是一个 Android App 和一个 iOS App。
所以,weex-toolkit 是一个比较灵活的架子,你可以在里面实现前端页面的实现与基本的webpack的配置,但是,他并没有给你接入iOS与Android平台的SDK。而weex-pack则帮你将weex-toolkit封装并且接入移动端的SDK,所以你可以水平的对其进行打包与移动端的调试。
而关于weex调试工具weex devtools ,它是专门为Weex定制的一款实现了 Chrome Debugging Protocol 的 inspect/debug 工具,能够帮助你快速查看 app 运行状态和调试 Weex 中的 JS 代码,当前支持 IOS 和 Android 两个平台,详情可以见其官网。
由于作者是一名iOS的开发者,对iOS颇为熟悉,作者认为,如果要进行iOS的混合开发(OC+Weex),则可以从weexpack的iOSplatform找到接入weex的突破口,这样即可快速接入并且进行混合开发。最后可以在package.json里面自定义一个自己的命令即可:
"copy:ios": "cp dist/index.js platforms/ios/bundlejs/index.js"