MorJS 開發(fā)工程插件

開發(fā)工程插件有兩種方法，推薦使用第一種：

• 方法一：使用官方提供的腳手架初始化工程插件項目，在需要使用的項目中進行引入；
• 方法二：直接在 MorJS 業(yè)務(wù)項目的 ?mor.config.ts? 配置文件中進行編寫；

通過腳手架編寫 MorJS 工程插件?

1. 全局安裝 mor cli 工具

npm i @morjs/cli -g

2. 通過 mor cli 工具創(chuàng)建項目

mor init

3. 選擇 MorJS 工程插件 回車

? 請選擇工程類型 ? - Use arrow-keys. Return to submit.
    小程序
    小程序插件
    小程序分包
?   MorJS 工程插件
    MorJS 運行時插件
    MorJS 運行時解決方案
    MorJS 多端組件庫
    MorJS 自定義腳手架

4. 根據(jù)提示完成操作后，即可完成插件項目創(chuàng)建，隨后按照 如何使用工程插件 配置到 mor.config.ts 配置文件中進行使用即可

? 請選擇工程類型 ? MorJS 工程插件
? 請輸入項目名稱 … myplugin
? 請輸入項目描述 … my first plugin
? 用戶名 … yourUserName
? 郵箱 … your@gmail.com
? 請輸入 Git 倉庫地址 … https://github.com/yourUserName/myplugin
? 請選擇 npm 客戶端 ? npm / pnpm / yarn

mor.config.* 的工程插件開發(fā)(不推薦)?

• 直接在 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
            }
          )
        }
      }
    ]
  }
])