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處理等服務。 |
中文文件
求波star:github.com/codexu