10 月 27 日舉辦的稀土開發(fā)者大會上，字節(jié)跳動 Web Infra 正式發(fā)起 Modern.js 開源項目，希望推動現(xiàn)代 Web 開發(fā)范式的普及，發(fā)展完整的現(xiàn)代 Web 工程體系，突破應(yīng)用開發(fā)效率的瓶頸。
傳統(tǒng)的 Web 開發(fā)是“服務(wù)器端為中心”的開發(fā)范式，近年來，已經(jīng)越來越多的轉(zhuǎn)移到“客戶端為中心”的現(xiàn)代 Web 開發(fā)范式，開發(fā)門檻不斷降低，效率不斷提升。產(chǎn)品研發(fā)可以更少的關(guān)注底層技術(shù)細(xì)節(jié)，更專注在用戶需求和市場價值上。而傳統(tǒng)的前端技術(shù)棧難以解決“開發(fā)者體驗”和“用戶體驗”的矛盾，越來越成為提效的瓶頸。
字節(jié)跳動 Web Infra 一直在字節(jié)內(nèi)部支持“現(xiàn)代 Web 開發(fā)”的實踐，發(fā)展了完整的字節(jié)前端研發(fā)體系，Modern.js 項目就是來自其中的現(xiàn)代 Web 工程體系。
Modern.js 將以往海量的前端工程模板，收斂成三大工程類型：應(yīng)用、模塊、Monorepo，每種類型都只需要同一套模板、同一套工程方案。其中“應(yīng)用”工程方案又被稱作“MWA”（現(xiàn)代 Web 應(yīng)用），基于一套客戶端為中心、前后端一體化的應(yīng)用開發(fā)框架，實現(xiàn)了強(qiáng)大的“Universal App”模式。即一套應(yīng)用源代碼，能同時在客戶端、服務(wù)器端、編譯時里運(yùn)行，能以靜態(tài) Web（SPA、MPA、SSG）、動態(tài) Web（SSR、SPR）、微前端、桌面應(yīng)用、小程序等不同模式運(yùn)行，同時支持低門檻、全功能、一體化的 BFF （針對特定界面的服務(wù)器端 API）開發(fā)。
“MWA” 是 Serverless 優(yōu)先的，內(nèi)置產(chǎn)品級 Web Server。它能在開發(fā)、調(diào)試、部署、運(yùn)行等所有環(huán)節(jié)做到盡可能“無服務(wù)器化”，同時確保“開發(fā)者體驗”和“用戶體驗”，讓更多“前端開發(fā)者”成為獨(dú)立、全面的“應(yīng)用開發(fā)者”和“產(chǎn)品開發(fā)者”。Modern.js 也原生支持微前端、Electron 桌面應(yīng)用、Monorepo 等研發(fā)場景。
Modern.js 從最初就設(shè)計為 ESM 優(yōu)先，在“編譯時”環(huán)節(jié)能更好的支持 Unbundled 開發(fā)、非 JS 語言的編譯器等第三代 JS 工具的發(fā)展。在“運(yùn)行時”環(huán)節(jié)，Modern.js 提供開箱即用的應(yīng)用架構(gòu)，提供在“應(yīng)用”工程方案、“模塊”工程方案里都能無縫使用的 Runtime API 標(biāo)準(zhǔn)庫。在“編寫時”環(huán)節(jié)，Modern.js 鼓勵盡可能讓機(jī)器來生成源碼的智能編程。 字節(jié)跳動 Web Infra 負(fù)責(zé)人表示：“希望 Modern.js 項目能幫助業(yè)界更快更好的發(fā)展基于前端技術(shù)的成熟 GUI 應(yīng)用軟件研發(fā)體系，讓前端技術(shù)棧的開發(fā)者們能夠‘責(zé)任越大，能力越強(qiáng)’。”
Modern.js 官網(wǎng)：modernjs.dev/?
Github 地址：github.com/modern-js-d…
