MorJS 开发工程插件

2024-01-15 17:38 更新

开发工程插件有两种方法,推荐使用第一种:

  • 方法一:使用官方提供的脚手架初始化工程插件项目,在需要使用的项目中进行引入;
  • 方法二:直接在 MorJS 业务项目的 ​mor.config.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. 根据提示完成操作后,即可完成插件项目创建,随后按照 如何使用工程插件 配置到 mor.config.ts 配置文件中进行使用即可
✔ 请选择工程类型 › MorJS 工程插件
✔ 请输入项目名称 … myplugin
✔ 请输入项目描述 … my first plugin
✔ 用户名 … yourUserName
✔ 邮箱 … your@gmail.com
✔ 请输入 Git 仓库地址 … https://github.com/yourUserName/myplugin
✔ 请选择 npm 客户端 › npm / pnpm / yarn

mor.config.* 的工程插件开发(不推荐)

  • 直接在 MorJS 项目的 ​mor.config.ts​ 配置文件中进行编写
import { defineConfig } from '@morjs/cli'

export default defineConfig([
  {
    // name: 'ali',
    // sourceType: 'alipay' ,
    // target: 'alipay',
    // compileMode: 'bundle',
    plugins: [
      {
        name: 'MorJSPluginXXX',
        apply(runner) {
          // modifyUserConfig: 可基于命令行选项修改用户配置
          runner.hooks.modifyUserConfig.tap(
            this.name,
            (userConfig, command) => {
              const { outputPath } = command.options
              // 获取命令行 outputPath 选项,若有则修改 userConfig 的 outputPath 配置为该值
              if (outputPath) userConfig.outputPath = outputPath
              return userConfig
            }
          )
        }
      }
    ]
  }
])


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

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号