zoukankan      html  css  js  c++  java
  • weex 项目开发(二) weex 与 weexpack 的区别

    1.weex 与 weexpack 即  weex-toolkit 与 weexpack 的区别

    weex-toolkit 初始化的项目是针对开发单个 Weex 页面而设计的,也就是说这样的项目只包括单个页面开发需要的东西,比如前端页面源文件、webpack 配置、npm 脚本等。项目产生的输出就是一个 JS Bundle 文件,可以自由的进行部署。

    weex-pack 是初始化一个完整的 App 工程,包括 Android 和 iOS 的整个 App 起步,前端页面只是其中的一部分。这样的项目最终产出是一个 Android App 和一个 iOS App。

    weepack是一套weex应用工程和插件工程开发集,可以创建,打包工程。weex-toolkit集成了部分weexpack的命令调用。使用如下:

    # 使用weexpack 命令
    $ weexpack platform add ios
    
    # 使用weex-toolkit
    $ weex platform add  ios
    
    # 使用weexpack 命令
    $ weexpack plugin add weex-action-sheet
    

    2.weexpack 命令介绍

    全局安装 weexpack

    npm install -g weexpack
    

    打包命令

    weexpack create — 创建 weex 工程项目。
    weexpack platform add/remove — 安装/移除 weex 应用模版,默认模版支持 weex bundle 调试和插件机制。
    
    weexpack platform list — 查看已安装的平台模版及版本。
    
    weexpack platform run - 打包应用并安装到设备运行。
    

    插件使用者命令

    weexpack plugin add/remove — 安装/移除 weex 插件。
    

    插件开发者命令

    weexpack plugin create - 生成weex插件模版,主要是配置文件和必需的目录。
    
    weexpack plugin publish - 发布插件到weex插件市场。
    

    3.使用weexpack创建工程

    weexpack create appName
    

    通过 create 命令创建的工程默认不包含 ios 和 android 工程模版,创建完成之后就可以切换到appName目录下并安装依赖。

    cd appName && npm install
    

    安装 weex 应用模版

    weexpack platform add android
    

    模拟器运行

    weexpack run android
    

    构建 apk 包

    weexpack build android
    

    .

  • 相关阅读:
    shell编程—简介(一)
    短信验证码测试项
    测试,不断成长
    初探软件测试心理学
    观察力,细心需要强化
    1=4,2=8,3=24,4=??问题
    IOS空数据页面,网络加载失败以及重新登陆View的封装(不需要继承)
    iOS 快速排序
    iOS支付宝,微信,银联支付集成封装调用(下)
    iOS支付宝,微信,银联支付集成封装(上)
  • 原文地址:https://www.cnblogs.com/crazycode2/p/7976562.html
Copyright © 2011-2022 走看看