Weex Hello World
創(chuàng)建應(yīng)用
// 全局安裝 weexpack
npm install weexpack -g
// 生成weex項目
weexpack create appName && cd appName
// 安裝依賴包
yarn 或 npm install
// 運(yùn)行
npm run dev && npm run serve
ps:
// npm run serve 實際運(yùn)行的是`package.json`中的命令
"scripts": {
"start": "npm run serve",
"build": "webpack",
"build_plugin": "webpack --config ./tools/webpack.config.plugin.js --color",
"dev": "webpack --config webpack.config.js --watch -d",
"serve": "webpack-dev-server --config webpack.dev.js --watch --open"
}
瀏覽器打開http://localhost:8081自沧，出現(xiàn)Hello World頁面即運(yùn)行成功.
Weex首頁入口在src/index.vue
在android上運(yùn)行
weexpack platform add android
weexpack run android
// html5打包
weexpack build web
// 在html5平臺上運(yùn)行
weexpack run web
預(yù)覽與調(diào)試
// 查看某頁面
weex src/index.vue
// debug某頁面
weex debug src/index.vue
// debug目錄指定入口文件
weex debug your/we/path -e index.we
// debug工程
weex debug
端口占用
通過命令獲取暫用端口的pid树瞭，然后運(yùn)行kill -9 {pid}
lsof -n -i4TCP:8081
混淆配置
https://weex.apache.org/cn/references/advanced/extend-to-android.html#SDK混淆規(guī)則
SDK混淆規(guī)則
若要在APP中使用混淆暂幼，請在相應(yīng)的配置文件中添加如下規(guī)則：
-keep class com.taobao.weex.WXDebugTool{*;}
-keep class com.taobao.weex.devtools.common.LogUtil{*;}
-keepclassmembers class ** {
@com.taobao.weex.ui.component.WXComponentProp public *;
}
-keep class com.taobao.weex.bridge.**{*;}
-keep class com.taobao.weex.dom.**{*;}
-keep class com.taobao.weex.adapter.**{*;}
-keep class com.taobao.weex.common.**{*;}
-keep class * implements com.taobao.weex.IWXObject{*;}
-keep class com.taobao.weex.ui.**{*;}
-keep class com.taobao.weex.ui.component.**{*;}
-keep class com.taobao.weex.utils.**{
public <fields>;
public <methods>;
}
-keep class com.taobao.weex.view.**{*;}
-keep class com.taobao.weex.module.**{*;}
-keep public class * extends com.taobao.weex.common.WXModule{*;}
-keep public class * extends com.taobao.weex.ui.component.WXComponent{*;}
-keep public class com.taobao.taolive.ui.weex.**{*;}
-keep class * implements com.taobao.weex.ui.IExternalComponentGetter{*;}
-keep class com.alibaba.aliweex.hc.HCConfig{*;}
-keep class com.alibaba.dynamic.**{*;}
