H5新人福音~零配置搭建现代化的前端工程
生活随笔
收集整理的這篇文章主要介紹了
H5新人福音~零配置搭建现代化的前端工程
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
X-BUILD一套基于Webpack(v4.21.0)快速搭建H5場景開發環境的腳手架,只需要幾分鐘的時間就可以運行起來。X-BUILD是針對H5開發的一套自動化構建工具,致力于提升開發效率,減小開發難度。它可以讓你在沒有任何構建工具(例如 grunt 、 gulp 或 webpack 等工具)配置經驗的情況下,幫你快速生成一個完整的前端工程,并可以打包代碼和靜態資源,使你的項目以最優異的性能上線。
針對痛點
? 零配置,快速搭建繁瑣的開發環境搭建。
? 解決多終端屏幕適配以及代碼兼容性、規范性。
? 代碼壓縮、靜態資源壓縮、更少的HTTP請求。
? 可選插件,提升開發效率,易于擴展。
功能特性
| 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新人福音~零配置搭建现代化的前端工程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 国二考试报Wps还是c语言,2021 年
- 下一篇: 前端现在到底需要什么样的人才