MorJS 构建处理

2024-01-25 11:51 更新
MorJS 支持配置文件指定,因此在组件输出的时候,我们可以利用 MorJS 的 compile 能力来直接输出支持多端的构建产物。 这里以组件输出lib目录为示例。

项目根目录下新增 mor.build.config.ts 文件,用于组件编译输出

import { defineConfig } from '@morjs/cli'

export default defineConfig([
  {
    name: 'alipay',
    sourceType: 'alipay',
    target: 'alipay',
    compileMode: 'default',
    srcPath: './component',
    outputPath: './alipay'
  },
  {
    name: 'wechat',
    sourceType: 'alipay',
    target: 'wechat',
    compileMode: 'default',
    srcPath: './component',
    outputPath: './miniprogram_dist'
  }
])

pacakge.json 内容示例:

  • 增加相关 ​scripts
{
  "miniprogram": "miniprogram_dist",
  "alipay": "alipay",
  "files": [
    "miniprogram_dist",
    "alipay"
  ],
  "scripts": {
    "clean": "rm -rf alipay miniprogram_dist", // 清空构建产物目录
    "build": "npm run clean && mor compile --production --config mor.build.config.ts", // 构建产物
    "prepublishOnly": "npm run build", // 发布前进行一次构建,确保发布的代码是最新版本
    "compile": "mor compile", // 用于本地预览
    "dev": "mor compile --watch" // 用于本地预览
  }
}

后续通过 npm publish 发布即可


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

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号