美文网首页
关于weex的理解

关于weex的理解

作者: 君莫叹人生如若初见 | 来源:发表于2017-06-30 09:37 被阅读38次

关于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 代码,当前支持 IOSAndroid 两个平台,详情可以见其官网。


由于作者是一名iOS的开发者,对iOS颇为熟悉,作者认为,如果要进行iOS的混合开发(OC+Weex),则可以从weexpack的iOSplatform找到接入weex的突破口,这样即可快速接入并且进行混合开发。最后可以在package.json里面自定义一个自己的命令即可:

 "copy:ios": "cp dist/index.js platforms/ios/bundlejs/index.js"

相关文章

  • 关于weex的理解

    weex官网 关于weex的脚手架官方给出了两个工具:weex-toolkit && weexpack。 关于we...

  • WEEX三要素与样式

    在iOS中,weex可以类似理解为“放大版”的JSBrdige,weex代码的三部分构成:template(模版)...

  • weex 源码理解

    源码 初始化环境 [WXSDKEngine initSDKEnvironment] 做了哪些? [WXSDKE...

  • weex 项目构建

    前言 引用一些weex官网上的介绍,weex是一套构建高性能、可扩展的原声应用跨平台开发方案,关于weex与rn的...

  • 关于weex的环境搭建过程

    参考:weex官网weex环境搭建WEEX快速入门 关于初始化的命令网上一搜就有一大堆,这里摆出来不再赘述 1.安...

  • iOS Weex 踩坑之旅

    转项目管理也有大半年了,最近自己玩了一下weex,下面开始入坑: 网上有大把的资料,是关于weex集成的,...

  • Weex 架构分析

    最近工作一直在搭建weex的项目架构,对于Weex开发需要理解很多概念并且需要强大的内心,因为还没有比较成熟,所以...

  • weex中vue的vue-router用法

    阅读本文需要了解weex和vue,具体点击相应链接,喜欢简单的东西,所以会更新一些系列文章,关于weex的。 一:...

  • weex 环境搭建一 weex-toolkit

    weex开发, 安装nodejs 、weex-toolkit 、weex-pack weex官网文档:http:/...

  • weex

    weex 原理weexBoxweex 全部weex实战分享weex渲染机制渲染流程weex 解读 weexUI 详...

网友评论

      本文标题:关于weex的理解

      本文链接:https://www.haomeiwen.com/subject/avdbcxtx.html