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

針對痛點

? 零配置，快速搭建繁瑣的開發環境搭建。

? 解決多終端屏幕適配以及代碼兼容性、規范性。

? 代碼壓縮、靜態資源壓縮、更少的HTTP請求。

? 可選插件，提升開發效率，易于擴展。

功能特性

SpecialityDescription

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/

原文地址：https://segmentfault.com/a/1190000017054527

轉載于:https://www.cnblogs.com/lalalagq/p/9988930.html

總結

以上是生活随笔為你收集整理的H5新人福音~零配置搭建现代化的前端工程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。