codecamp

MorJS 可以接入第三方的 UI 框架吗,接入的组件会一同转端吗?

可以,理论上(微信/支付宝)小程序原生的组件库是可以一并转换的,使用方式上,需按照对应平台的 npm 组件的规范来使用,无其他特别的要求。使用方法如下:

注意:我们内部并没有使用任何社区的组件库,各第三方 UI 框架表现不同,相关的兼容性需要具体进一步验证

  1. 安装需要接入的第三方 UI 框架,具体方式请参照各 UI 框架的文档
  2. 在配置文件 mor.config.ts 中添加对 node_modules 的处理,具体配置项 processNodeModules,相关文档请查阅 MorJS 基础用法 - 配置 processNodeModules
// mor.config.ts
export default defineConfig([
  ...
  {
    name: 'alipay', // 配置名称
    ...,
    processNodeModules: {
      // 只有 npm 名称包含 @abc/alsc- 的 npm 才会被处理
      include: [/@abc\/alsc\-/]
    }
  }
]
  1. 在项目中按 照组件库规范 来引用组件,或按照实际路径引用组件,比如:"@vant/weapp/popup/index" 或 "@vant/weapp/lib/popup/index"
{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index", // 引用 @vant/weapp 的 button 组件
    "van-popup": "@vant/weapp/lib/popup/index" // 引用 @vant/weapp 的 popup 组件
  }
}
  1. 执行编译命令,用对应平台 IDE 打开对应产物即可


MorJS 小程序可以转换为小程序插件或分包吗?
MorJS 运行时提供的 hooks 的执行顺序是在页面原始方法前还是后?
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

MorJS 指南

MorJS 基础用法

MorJS 配置

MorJS 编译相关配置

MorJS 进阶用法

MorJS Web开发

MorJS Web开发介绍

MorJS Web开发快速上手

MorJS Tabbar IOS 小黑条适配开关

MorJS 社区

MorJS 规范

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }