使用Weexpack构建Weex版One app

导言

本文将使用Weexpack 打包出一个Weex One App，您可以了解到weexpack的具体用法

准备工作

请参照如何使用Weexpack中所说的环境配置和准备工作。如andorid sdk 、xcode、cocoapod

创建工程

weexpack create one   
cd one&npm install

#准备WeexOne的we代码 社区的dodola童鞋提供了一套Weex版的One App 代码 github地址如下https://github.com/dodola/WeexOne
使用git clone https://github.com/dodola/WeexOne.git clone下来。
将这个项目目录中的WeexOne/src下的所有文件和文件夹全部拷到刚才所创建的工程目录的src目录下。

#修改配置文件，重新定义入口的bundle
由于weexpack创建的工程默认的入口bundle(就是app打开时加载的bundle)是index.we，而WeexOne的入口则为main.we，所以需要改下配置。
分别修改 工程目录下的android.config.json和ios.config.json这两个配置文件 将WeexBundle这个字段改成main.we (main.js也行，后缀名无所谓)

#编译打包

###android 手机连接上电脑（必须提前打开usb调试 并信任这个电脑）。或者打开一个android模拟器
然后在工程目录下运行 weexpack run android
等待编译完成，手机会自动安装运行

###ios模拟器/真机运行 手机连接上电脑（必须提前打开usb调试 并信任这个电脑）。（不需要主动打开模拟器）
然后在工程目录下运行 weexpack run ios
选择一个模拟器或者你的手机
等编译完成，手机会自动安装运行
生成的apk包位于 android/playground/app/build/outputs/apk 目录下 ###ios打ipa包 工程目录下运行 weexpack build ios
会提示你输入 各种证书相关信息
之后等待编译成功 生成的ipa包位于 ios/playground/build/Build/Products/