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

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處理等服務。

中文文檔

https://codexu.github.io/

原文地址：http://www.javashuo.com/article/p-pgnznbqy-by.html