10 月 27 日舉辦的稀土開發(fā)者大會上，字節(jié)跳動 Web Infra 正式發(fā)起 Modern.js 開源項目，希望推動現(xiàn)代 Web 開發(fā)范式的普及，發(fā)展完整的現(xiàn)代 Web 工程體系，突破應用開發(fā)效率的瓶頸。

　　傳統(tǒng)的 Web 開發(fā)是“服務器端為中心”的開發(fā)范式，近年來，已經(jīng)越來越多的轉(zhuǎn)移到“客戶端為中心”的現(xiàn)代 Web 開發(fā)范式，開發(fā)門檻不斷降低，效率不斷提升。產(chǎn)品研發(fā)可以更少的關注底層技術(shù)細節(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 將以往海量的前端工程模板，收斂成三大工程類型：應用、模塊、Monorepo，每種類型都只需要同一套模板、同一套工程方案。其中“應用”工程方案又被稱作“MWA”(現(xiàn)代 Web 應用)，基于一套客戶端為中心、前后端一體化的應用開發(fā)框架，實現(xiàn)了強大的“Universal App”模式。即一套應用源代碼，能同時在客戶端、服務器端、編譯時里運行，能以靜態(tài) Web(SPA、MPA、SSG)、動態(tài) Web(SSR、SPR)、微前端、桌面應用、小程序等不同模式運行，同時支持低門檻、全功能、一體化的 BFF (針對特定界面的服務器端 API)開發(fā)。

　　“MWA” 是 Serverless 優(yōu)先的，內(nèi)置產(chǎn)品級 Web Server。它能在開發(fā)、調(diào)試、部署、運行等所有環(huán)節(jié)做到盡可能“無服務器化”，同時確保“開發(fā)者體驗”和“用戶體驗”，讓更多“前端開發(fā)者”成為獨立、全面的“應用開發(fā)者”和“產(chǎn)品開發(fā)者”。Modern.js 也原生支持微前端、Electron 桌面應用、Monorepo 等研發(fā)場景。

　　Modern.js 從最初就設計為 ESM 優(yōu)先，在“編譯時”環(huán)節(jié)能更好的支持 Unbundled 開發(fā)、非 JS 語言的編譯器等第三代 JS 工具的發(fā)展。在“運行時”環(huán)節(jié)，Modern.js 提供開箱即用的應用架構(gòu)，提供在“應用”工程方案、“模塊”工程方案里都能無縫使用的 Runtime API 標準庫。在“編寫時”環(huán)節(jié)，Modern.js 鼓勵盡可能讓機器來生成源碼的智能編程。

　　字節(jié)跳動 Web Infra 負責人表示：“希望 Modern.js 項目能幫助業(yè)界更快更好的發(fā)展基于前端技術(shù)的成熟 GUI 應用軟件研發(fā)體系，讓前端技術(shù)棧的開發(fā)者們能夠‘責任越大，能力越強’。”

　　Modern.js 官網(wǎng)：https://modernjs.dev/

　　Github 地址：https://github.com/modern-js-dev/modern.js