H5新人福音~零配置搭建現代化的前端工程

codexu發表於2018-11-18

X-BUILD一套基於Webpack(v4.21.0)快速搭建H5場景開發環境的腳手架,只需要幾分鐘的時間就可以執行起來。X-BUILD是針對H5開發的一套自動化構建工具,致力於提升開發效率,減小開發難度。它可以讓你在沒有任何構建工具(例如 grunt 、 gulp 或 webpack 等工具)配置經驗的情況下,幫你快速生成一個完整的前端工程,並可以打包程式碼和靜態資源,使你的專案以最優異的效能上線。

針對痛點

✅ 零配置,快速搭建繁瑣的開發環境搭建。

✅ 解決多終端螢幕適配以及程式碼相容性、規範性。

✅ 程式碼壓縮、靜態資源壓縮、更少的HTTP請求。

✅ 可選外掛,提升開發效率,易於擴充套件。

功能特性

Speciality Description
devServer 模組熱替換(HMR - Hot Module Replacement)可以顯著加快開發速度。
自適應解決方案 px2rem(loader) + hotcss 實現多終端顯示一致。
HTML 使用Pug模板引擎,風格與Stylus類似。
Css 使用Stylus樣式前處理器,normalize樣式重置,打包拆分單獨的css檔案。
JavaScript Webpack解決模組化,通過Babel編譯成現代瀏覽器可執行的JavaScript。
程式碼規範 使用ESLint避免低階錯誤和統一程式碼的風格。
靜態資源服務 提供程式碼壓縮、檔案hash、base64處理等服務。

中文文件

文件:codexu.github.io/

求波star:github.com/codexu

相關文章