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

.