汉得HZEROJS:企业级前端开发脚手架,优化开发体验,助力高效应用构建。

428 阅读3分钟

• • •

为了更好地应对各个开发项目中不同的挑战,汉得中台研发团队砥砺前行,不断探索和创新,最终成功推出了 HZEROJS 前端脚手架工具,帮助各个团队轻松化解问题痛点,提升开发效率。

HZEROJS 的优点

  • 对前端工程的配置方式进行了收敛,使得项目配置更加统一、方便,提高了整体效率和规范性。
  • 结合 Webpack5 联邦插件,提供微前端开发模式,提升了打包效率,满足了微服务架构下的需求。
  • 内置 CICD 脚本,提供了完善的 DevOps 能力,以帮助用户更好地管理和部署前端应用。
  • 全面拥抱 Umi 生态,借助其优秀的插件开发模式,可以快速添加自己想要的功能。
  • 提供了更多更完善的客制化方案,可以根据不同的需求对项目进行个性化开发,更好地满足用户的需求。

HZEROJS 功能简介

功能快速浏览

工程创建

  1. 可使用 CLI 一键生成项目;
  2. 内部封装脚本,开发者不必关心 Webpack 配置;
  3. 支持增量编译,解决了打包爆栈、打包时间长等问题。

路由管理

  1. 内置完善的路由逻辑,与 Tabs 结合,支持打开、刷新、重载、新增标签页;
  2. 支持多入口配置路由;
  3. 支持按需加载路由;
  4. 支持使用远程路由组件。

联邦模式(微前端)

HZEROJS 底层使用 Webpack5,利用 Webpack5 的模块联邦特性,实现资源的共享。

HZEROJS 支持联邦配置式客制化,可以在某个子模块定义一个客制化插槽位,然后其他子模块配置联邦导出客制化组件插入这个插槽。实现联邦客制化效果。当多个子模块想覆盖同一个联邦客制化插槽时,可以通过优先级配置参数,指定某个子模块优先级更高。

通过联邦模式,我们更新了老版本 CLI 的微前端加载模式;提供更方便灵活的配置,实现一套资源,一次打包,多处共享,更加高效的开发!

插件模式

利用 Umi 的插件化机制,使功能、配置的修改更加简单和灵活。

在项目中我们可以引入社区 Umi 新功能插件,按需安装自己所需功能;或者编写自己的插件进行定制化功能开发,修改 Webpack 配置和添加客制化代码。

多版本支持

我们利用 Webpack5 的能力,可以支持各个子模块使用特定的 Choerodon UI 版本。

例如,在以下的工程中,可以在 A 模块中使用1.5.9版本的 Choerodon UI,而在同一个项目中,引入的 B 模块中可以使用1.6.0版本的 Choerodon UI。

image.png

image.png

学习资料

文档:点击前往  👉🏻  汉得开放平台文档

教学视频:点击前往  👉🏻  汉得开放平台视频

相关咨询

如若对 HZEROJS 感兴趣,请前往开放平台 open.hand-china.com

选择【前端组件库 ->  HZEROJS】分类提反馈联系我们!

HZEROJS 前端基础研发团队期待与您的沟通!

微信公众号:四海汉得