weex 项目开发 weex 与 weexpack 的区别

Posted 每天都要进步一点点

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了weex 项目开发 weex 与 weexpack 的区别相关的知识,希望对你有一定的参考价值。

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

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

weex-pack 是初始化一个完整的 App 工程,包括 androidios 的整个 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

.

以上是关于weex 项目开发 weex 与 weexpack 的区别的主要内容,如果未能解决你的问题,请参考以下文章

Weexpack 使用教程

weex 项目开发

Weex 入坑指南:快速开始 Weex 之旅

weex 项目开发weexpack 项目 打包签名发布

weex 项目开发 weexpack 项目 打包签名发布

weexpack 创建项目, 打包Android 和 ios