关于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"
网友评论