使用Vue2.x开发Weex打包的问题

新手上路,请多包涵

在开发移动应用项目的初始阶段,我们团队最终决定技术选型为Weex,并且使用官方推荐的最新Vue语法进行开发。

现在有几个问题不太清楚,想请教下大家:

1、平常开发过程中,使用flex布局,主要用Chrome浏览器F12用手机模拟器进行快速地看效果及调试,还是比较完美的,但使用Playground进行扫描手机展现的时候,发现界面全乱甚至识别不出相关的组件,后来利用排除法发现,原来是因为编译之后会生成两个JS Bundle文件(一个app.web.js,一个app.weex.js),浏览器上看到的效果,实际上加载的是app.web.js这个文件(这个时候的展示实际上是以H5的形式来渲染的,对吧~),而手机playground加载的是app.weex.js文件(这个的渲染使用的是原生,对么?),而编译出来的app.weex.js它将很多css中比如%、px等等信息全部自动去掉,也就说,现在的playground一定是要使用.we这种第一代的写法才能支持?

2、关于打包成安卓和iOS的问题。我看到官方的说明里有这么一句话 —— “注意: weexpack 目前暂不支持搭建 Vue 2.0 版本的 Weex。” 意思是说,现在用weex开发,必须要使用当初刚开源时的.we的写法才能利用现有工具进行打包成安卓或iOS进行原生使用,使用纯Vue 2.x的的语法不能打包成apkipa这些么?只能在浏览器以H5的形式使用?
若真的不能,对于即将进入收尾阶段全程以Vue 2.x版本构建的项目,还有什么方式提供更便捷地打包呢?

阅读 6.7k
2 个回答

问题1
首先web端在webpack打包时使用的是vue-loader,而native端打包使用的是weex-loader,所以浏览器中,我们加载页面使用app.web.js,而native使用app.weex.js。而且样式nativeweb端也是有差异的,建议看下官方文档Weex,如果要精细计算你可以把750px作为屏幕100%的宽度,然后计算你需要的像素值。

问题2
官方是建议使用Vue去开发你的项目的,关于打包,我这边的做法可能和你不同,因为我是把Weex当作一个功能嵌入到App中,所以打包也就使用之前原生的打包方式。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进