Weex文档
感觉Weex的文档现在是百废待兴,文档乱且少,工具不齐全。Weex中文文档, Wexx 英文文档,Weex 打包工具。
Weex 安装
环境
- 配置 Node.js环境,并且安装 npm包管理器。(
需要node6.0+
) - 如果要支持 iOS 平台则需要配置 iOS 开发环境:
- 安装 Xcode IDE ,启动一次 Xcode ,使 Xcode 自动安装开发者工具和确认使用协议。
- 安装 cocoaPods。
安装weex-pack
首先,全局安装 weex-pack 命令:
$ npm install -g weexpack
或者 在 clone 的 weexpack 根目录下执行
$ npm install
安装Weex iOS sdk 包
pod 'WeexSDK'
安装Weex node_modules
在.xcodeproj同一层级目录安装Weex node_modules
weexpack create dirName
创建完成之后就可以切换到dirName目录下并安装依赖
cd dirName && npm install
安装 Weex iOS 模板
weexpack platform add ios
添加js资源引用到工程
添加 dirName/platforms/ios/bundlejs到工程
是引用,不要copy,这样能保持引用到最新的资源
xcode build phases 添加资源打包脚本
在 xcode build phases 添加run script
[ -z "$NVM_DIR" ] && export NVM_DIR="$HOME/.nvm"
if [[ -s "$HOME/.nvm/nvm.sh" ]]; then
. "$HOME/.nvm/nvm.sh"
elif [[ -x "$(command -v brew)" && -s "$(brew --prefix nvm)/nvm.sh" ]]; then
. "$(brew --prefix nvm)/nvm.sh"
fi
# Set up the nodenv node version manager if present
if [[ -x "$HOME/.nodenv/bin/nodenv" ]]; then
eval "$("$HOME/.nodenv/bin/nodenv" init -)"
fi
[ -z "$NODE_BINARY" ] && export NODE_BINARY="node"
nodejs_not_found()
{
echo "error: Can't find '$NODE_BINARY' binary to build Weex bundle" >&2
echo "If you have non-standard nodejs installation, select your project in Xcode," >&2
echo "and change NODE_BINARY to absolute path to your node executable" >&2
echo "(you can find it by invoking 'which node' in the terminal)" >&2
exit 2
}
type $NODE_BINARY >/dev/null 2>&1 || nodejs_not_found
cd dirName
weexpack build ios
其中 cd dirName 换成你自己的目录名字, 不得不说下Weexpack不支持只打包资源命令,导致要添加个iOS插件,否则 weexpack build ios脚本报错。
总结
整合之后,我们只要专注与Weex 前端的code。