MorJS 开发运行时插件

2024-01-15 17:38 更新


import { aApp } from '@morjs/core'

aApp(
  {
    onLaunch() {
      console.log('app onlaunch')
    }
  },
  [
    () => {
      return {
        plugins: [
          {
            pluginName: 'RuntimePluginXXX',
            apply(morHooks) {
              // appOnShow: 在 App 的 onShow 生命周期触发
              morHooks.appOnShow.tap(this.pluginName, function (this, options) {
                console.log('触发小程序 appOnShow 生命周期')
              })
            }
          }
        ]
      }
    }
  ] 

)开发运行时插件有两种方法,推荐使用第一种方案:

  • 方法一:使用官方提供的脚手架初始化运行时插件项目,在需要使用的项目中进行引入;
  • 方法二:直接在 MorJS 业务项目的 app.ts 配置文件中进行编写;

通过脚手架编写 MorJS 运行时插件

  1. 全局安装 mor cli 工具
npm i @morjs/cli -g
  1. 通过 mor cli 工具创建项目
mor init
  1. 选择 MorJS 运行时插件 回车
? 请选择工程类型 › - Use arrow-keys. Return to submit.
    小程序
    小程序插件
    小程序分包
    MorJS 工程插件
❯   MorJS 运行时插件
    MorJS 运行时解决方案
    MorJS 多端组件库
    MorJS 自定义脚手架
  1. 根据提示完成操作后,即可完成插件项目创建,随后按照 如何使用运行时插件 配置到app.ts文件进行使用即可
✔ 请选择工程类型 › MorJS 运行时插件
✔ 请输入项目名称 … myruntimeplugin
✔ 请输入项目描述 … my first runtime plugin
✔ 用户名 … yourUserName
✔ 邮箱 … your@gmail.com
✔ 请输入 Git 仓库地址 … https://github.com/yourUserName/myruntimeplugin
✔ 请选择 npm 客户端 › npm / pnpm / yarn

app.ts 的运行时插件开发(不推荐)

  • 直接在 MorJS 项目的 app.ts 文件中进行编写


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号