dadan liu
dadan liu
> 如果你说的是文档中嵌入的组件预览界面的话，这个是通过编译为 web 端（uniapp 属于多端框架，并不是只能编译为微信小程序）之后部署，然后使用 iframe 导入即可 怎么编译为web端呢 是自己写的babel 插件么 还是用的现成的啊，有开源出来嘛
@Kaiter-Plus 想把 编译成h5 和微信小程序的这两块单独抽出来 可行么
将 uni-app 编译 h5 和 微信小程序 那套抽出来集成在把 vant-cli 脚手架生成的组件库模版里去做开发，大概想了一下两个包一个放组件库源码，一个是编译后的 h5 然后通过 iframe 导入，可行不 @Kaiter-Plus
> > 将 uni-app 编译 h5 和 微信小程序 那套抽出来集成在把 vant-cli 脚手架生成的组件库模版里去做开发，大概想了一下两个包一个放组件库源码，一个是编译后的 h5 然后通过 iframe 导入，可行不 @Kaiter-Plus > > 是可以的，其实不必把问题想的太过于复杂。 预览的部分是一个单独的页面（或者说是网页应用），文档是文档部分，可以理解为两者并没有关联。但是如果你要说当我点击文档的某一部分时，预览界面也会响应的跳转，这个通过 iframe 的父子传参通信可以实现（vant 使用的是这种方式），还有一种更加简单的方式就是直接修改 iframe 的 src 的值，（uView 使用的就是这种方式） 推荐你看下这篇文章[Vue3组件库移动端预览实现原理](https://zhuanlan.zhihu.com/p/410423297)，看完应该会有一些收获 谢了，兄弟，我研究下
其实有一个问题 比如我在组件库里使用到 picker 这个微信内置的组件，基于这个去做具体业务逻辑的封装，我需要在文档的移动端预览里基于h5的iframe 显示这个组件 还是需要把它编译成h5 支持的版本吧。因为我是想做一个偏向业务侧的的微信小程序组件库 @Kaiter-Plus
> uniapp 开发的吗？如果是使用 uniapp 的话，就不用担心这个问题，uniapp 会自动编译为 webComponent 的，你可以在控制台看下 uView 预览界面的那些标签 嗯嗯，是的，只是组件库文档模版那套想用 vant-cli 那一套
> 好像也不太行，因为使用了很多的不是原生 H5 的标签（比如：view、text），你可以先尝试一下 要得
> 好像也不太行，因为使用了很多的不是原生 H5 的标签（比如：view、text），你可以先尝试一下 老哥，你说的很多 view 、text 指的是哪里, 瞄了一眼没看到
> It seems that I found a workaround is setup `aspectRatio` plus 1 on mobile devices but it still has a `qrbox` display problem on both (tested on iPhone 8,...