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

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/

    原文作者:codexu
    原文地址: https://segmentfault.com/a/1190000017054527
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞