小程序webpack-《kbone微信小程序及Web同构解决方案》

2023-09-03 0 771 百度已收录

前言

场景限制主要有两个原因:

问答

问:kbone 主要依赖哪些? 如何安装和升级kbone依赖项?

A:kbone依赖主要包括三个:mp-webpack-plugin、miniprogram-element、miniprogram-render。 其中mp-webpack-plugin是webpack插件,需要安装在项目目录下。 miniprogram-element和miniprogram-render是小程序代码的依赖,需要安装在小程序目录下。 默认情况下,使用 webpack 和 mp-webpack-plugin 生成小程序代码时,会在小程序目录下生成 pakckage.json,直接在小程序目录下执行 npm install 来安装 miniprogram-element 和 miniprogram-render。 升级过程与安装相同。

Q:getBoundingClientRect等socket有兼容解决方案吗?

A:一些无法直接适配的socket会以dom/bom扩展API的形式提供。

小程序webpack-《kbone微信小程序及Web同构解决方案》

Q:小程序中的所有页面都必须来自同一个来源吗?

A:目前的设计是这样的。 当遇到不同来源的页面时,会提供风暴提示和异常页面跳转配置。

问:可以支持异步组件吗?

A:受小程序环境限制,目前难以支持。

问:为什么很难支持作用域样式?

A:因为小程序不支持属性选择器。

小程序webpack-《kbone微信小程序及Web同构解决方案》

Q:为什么使用reduce-loader不生效?

A:请检查script标签是否设置了type="ts"。 如果是这样小程序webpack,您可以删除此属性并重试。 目前,ts-loader 对内联加载器的支持还不够。

Q:为什么iframe标签很难支持?

A:小程序中的web-view组件提供了类似iframe标签的实现,但是web-view组件不支持自定义尺寸,所以放弃了对iframe的支持。

Q:为什么使用Vue的transition组件效果没有想象中那么好?

A:transition组件内部使用了同步套接字window.getCompulatedStyle,所以很难完全支持。

Q:如何兼容异步请求?

A:您可以使用第三方请求库来实现此目的。 例如,axios 和 axios-miniprogram-adapter 就是不错的选择。 当然,你也可以编译自己的适配器。

Q:小程序可以使用外部组件吗?

A:目前代码中嵌入的组件都有能力,但只支持部分组件。 用法可读,以后会逐步补充。

问:支持站点地图吗?

A:目前还不支持,但已经有规划了。

小程序webpack-《kbone微信小程序及Web同构解决方案》

问:为什么 img 标签具有 mode 属性和不具有 mode 属性时的行为不同?

A:因为img标签有mode属性,所以会以底层的background-image模式渲染(即小程序的image组件的默认形式),没有mode属性,就会和web端一样的img模式渲染。

问:为什么不支持 radio-group/checkbox-group 内置组件?

A:因为radio-group/checkbox-group内置组件下的radio/checkbox不支持跨自定义组件,所以可以使用input的change事件来代替radio-group/checkbox-的change事件group,通过获取input的checked/value也可以获得其状态(类似于web端的表现)。

Q:项目中使用的图片等静态资源如何处理?

A:目前不支持相对路径,因此可以将静态资源转换为base64或使用网络地址。

问:你们能支持外包吗?

A:支持分包、预下载包。 具体请参考mp-webpack-plugin的运行时配置项。 暂不支持独立合约交付。

Q:为什么label不支持按钮组件?

A:由于小程序的label组件不支持跨shadow-tree绑定,所以在逻辑层监听点击风暴后模拟了label标签的疗效。 按钮支持的复杂功能需要用户亲自点击并触发。 触发器无法在逻辑层进行模拟,因此不支持。

Q:为什么使用小程序的外部组件时,与父节点或子节点交互的样式表现(如flex)不符合预期?

A:小程序的外部组件大部分在渲染时都会在外面额外包裹一层自定义组件。 你可以简单地认为外部组件与其父节点之间会多了一层div容器,所以会影响一些样式。 影响。 这个div容器中会添加一个名为h5-xxx的类小程序webpack,例如如果使用了视频组件,那么这个div容器中会添加一个名为h5-video的类进行特殊处理。 另外,如果是使用 wx-component 或 wx- 前缀渲染的外部组件,则将添加到容器中的类是 h5-wx-component。 为了更容易识别,本例中会在容器类中额外添加一个wx-xxx。

Q:为什么scroll-view的scroll-into-view有时可用有时不可用?

A:因为scroll-into-view找到的节点只能是当前shadow-tree下的,所以只能传入domSubTreeLevel配置对应level中的div和img标签对应的id才能生效。 如果domSubTreeLevel的值为5,则只有scroll-view下面5层节点中的div和img标签上的id可以作为scroll-view上scroll-into-view的值。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 webpack 小程序webpack-《kbone微信小程序及Web同构解决方案》 https://www.wkzy.net/game/192428.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务