为了账号安全,请及时绑定邮箱和手机立即绑定

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/

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
6
获赞与收藏
35

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消