MorJS 是一個(gè)可以將微信或支付寶小程序轉(zhuǎn)換為不同平臺或 Web 應(yīng)用的研發(fā)框架,支持一鍵編譯和擴(kuò)展。MorJS 提供了易用性、標(biāo)準(zhǔn)化、靈活性、形態(tài)轉(zhuǎn)換、開箱即用等優(yōu)勢,以及多端編譯、面向全生命周期、插件體系等核心能力。下面是一篇簡單的文章介紹 MorJS 的特點(diǎn)和用法。
什么是 MorJS?
MorJS 是餓了么開發(fā)的一款基于小程序 DSL 的,可擴(kuò)展的多端研發(fā)框架,使用小程序原生 DSL 構(gòu)建,使用者只需書寫一套(微信或支付寶)小程序,就可以通過 Mor 的轉(zhuǎn)端編譯能力,將源碼分別編譯出可以在不同端( 微信 / 支付寶 / 百度 / 字節(jié) / 釘釘 / 快手 / QQ / 淘寶 /Web…)運(yùn)行的產(chǎn)物。
MorJS 以多端編譯為基礎(chǔ),配以面向全生命周期的插件體系,覆蓋從源碼到構(gòu)建產(chǎn)物的每個(gè)階段,支持各類功能擴(kuò)展和業(yè)務(wù)需求,無論是基礎(chǔ)的頁面和組件還是復(fù)雜的分包和插件,MorJS 都可以勝任,幫助你高效地開發(fā)多端小程序。
MorJS 有哪些優(yōu)勢?
- 易用性:MorJS 支持直接以小程序 DSL 書寫代碼,減輕了舊項(xiàng)目遷移的負(fù)擔(dān)。MorJS 也支持將一套小程序轉(zhuǎn)換為各類小程序平臺及 Web 應(yīng)用, 節(jié)省雙倍人力。MorJS 還提供了快速接入的方式,僅需引入兩個(gè)包,增加一個(gè)配置文件,即可簡單快速接入到現(xiàn)有小程序項(xiàng)目。
- 標(biāo)準(zhǔn)化:MorJS 內(nèi)置了腳手架、構(gòu)建、分析、多端編譯等完整研發(fā)能力,僅需一個(gè)依賴即可上手開發(fā)。MorJS 通過編譯時(shí)+運(yùn)行時(shí)抹平多端差異性,讓不同平臺的小程序獲得一致的用戶體驗(yàn)。MorJS 還支持同一個(gè)項(xiàng)目的不同的形態(tài),允許小程序、分包、插件不同形態(tài)之間的相互轉(zhuǎn)換。
- 靈活性:MorJS 將完備的生命周期和內(nèi)部功能插件化,使用插件 (集)以滿足功能和垂直域的分層需求。MorJS 除小程序標(biāo)準(zhǔn)文件類型外,還支持 ts、less/scss、jsonc/json5 等多種文件類型。MorJS 還可根據(jù)需求選擇性接入適配能力,小項(xiàng)目僅需編譯功能,中等項(xiàng)目可結(jié)合編譯和頁面注入能力,大型項(xiàng)目推薦使用復(fù)雜小程序集成能力。
如何使用 MorJS?
MorJS 的使用非常簡單,只需以下幾個(gè)步驟:
1、安裝 MorJS 的核心包和 CLI 工具:
npm install @morfeo/core @morfeo/cli --save-dev
2、在項(xiàng)目根目錄下創(chuàng)建一個(gè) mor.config.js 文件,配置 MorJS 的選項(xiàng),例如:
module.exports = {
// 指定小程序的源碼目錄
src: 'src',
// 指定小程序的輸出目錄
dist: 'dist',
// 指定小程序的平臺類型,可選值有 wechat, alipay, web 等
platform: 'wechat',
// 指定小程序的形態(tài)類型,可選值有 app, subpackage, plugin 等
type: 'app',
// 指定小程序的插件集,可選值有 base, web, complex 等
plugins: ['base'],
};
3、在 package.json 文件中添加 MorJS 的腳本命令,例如:
{
"scripts": {
"dev": "mor dev",
"build": "mor build",
"analyze": "mor analyze"
}
}
4、運(yùn)行 ?npm run dev
? 或 ?npm run build
? 命令,即可啟動 MorJS 的開發(fā)或構(gòu)建模式,生成多端的小程序或 Web 產(chǎn)物。
總結(jié)
MorJS 是一個(gè)基于小程序 DSL 的多端研發(fā)框架,是一個(gè)開源的項(xiàng)目,具有易用性、標(biāo)準(zhǔn)化、靈活性等優(yōu)勢,以及多端編譯、面向全生命周期、插件體系等核心能力。MorJS 可以幫助開發(fā)者快速高效地開發(fā)多端小程序,提升用戶體驗(yàn)和業(yè)務(wù)效果。
如果你對編程知識和相關(guān)職業(yè)感興趣,歡迎訪問編程獅官網(wǎng)(http://o2fo.com/)。在編程獅,我們提供廣泛的技術(shù)教程、文章和資源,幫助你在技術(shù)領(lǐng)域不斷成長。無論你是剛剛起步還是已經(jīng)擁有多年經(jīng)驗(yàn),我們都有適合你的內(nèi)容,助你取得成功。