10 月 27 日舉辦的稀土開發者大會上，位元組跳動 Web Infra 正式發起 Modern.js 開源專案，希望推動現代 Web 開發正規化的普及，發展完整的現代 Web 工程體系，突破應用開發效率的瓶頸。

傳統的 Web 開發是“伺服器端為中心”的開發正規化，近年來，已經越來越多的轉移到“客戶端為中心”的現代 Web 開發正規化，開發門檻不斷降低，效率不斷提升。產品研發可以更少的關注底層技術細節，更專注在使用者需求和市場價值上。而傳統的前端技術棧難以解決“開發者體驗”和“使用者體驗”的矛盾，越來越成為提效的瓶頸。

位元組跳動 Web Infra 一直在位元組內部支援“現代 Web 開發”的實踐，發展了完整的位元組前端研發體系，Modern.js 專案就是來自其中的現代 Web 工程體系。

Modern.js 將以往海量的前端工程模板，收斂成三大工程型別：應用、模組、Monorepo，每種型別都只需要同一套模板、同一套工程方案。其中“應用”工程方案又被稱作“MWA”（現代 Web 應用），基於一套客戶端為中心、前後端一體化的應用開發框架，實現了強大的“Universal App”模式。即一套應用原始碼，能同時在客戶端、伺服器端、編譯時裡執行，能以靜態 Web（SPA、MPA、SSG）、動態 Web（SSR、SPR）、微前端、桌面應用、小程式等不同模式執行，同時支援低門檻、全功能、一體化的 BFF （針對特定介面的伺服器端 API）開發。

“MWA” 是 Serverless 優先的，內建產品級 Web Server。它能在開發、除錯、部署、執行等所有環節做到儘可能“無伺服器化”，同時確保“開發者體驗”和“使用者體驗”，讓更多“前端開發者”成為獨立、全面的“應用開發者”和“產品開發者”。Modern.js 也原生支援微前端、Electron 桌面應用、Monorepo 等研發場景。

Modern.js 從最初就設計為 ESM 優先，在“編譯時”環節能更好的支援 Unbundled 開發、非 JS 語言的編譯器等第三代 JS 工具的發展。在“執行時”環節，Modern.js 提供開箱即用的應用架構，提供在“應用”工程方案、“模組”工程方案裡都能無縫使用的 Runtime API 標準庫。在“編寫時”環節，Modern.js 鼓勵儘可能讓機器來生成原始碼的智慧程式設計。

位元組跳動 Web Infra 負責人表示：“希望 Modern.js 專案能幫助業界更快更好的發展基於前端技術的成熟 GUI 應用軟體研發體系，讓前端技術棧的開發者們能夠‘責任越大，能力越強’。”

Modern.js 官網：