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处置惩罚等效劳。 |