自建网站投放广告,网页浏览设置在哪里打开,企业怎么建立网站,整人做我女朋友网站Umi.js 介绍
Umi 是由蚂蚁集团推出的可扩展的企业级前端应用框架。Umi 以路由为基础#xff0c;同时支持配置式路由和约定式路由#xff0c;保证路由的功能完备#xff0c;并以此进行功能扩展。然后配以生命周期完善的插件体系#xff0c;覆盖从源码到构建产物的每个生命周…Umi.js 介绍
Umi 是由蚂蚁集团推出的可扩展的企业级前端应用框架。Umi 以路由为基础同时支持配置式路由和约定式路由保证路由的功能完备并以此进行功能扩展。然后配以生命周期完善的插件体系覆盖从源码到构建产物的每个生命周期支持各种功能扩展和业务需求。 Umi.js 特点
插件化UmiJS 的整个生命周期都是插件化的这意味着框架内部的功能大多由插件实现。这种设计使得框架非常灵活开发者可以通过引入不同的插件来扩展或修改框架的行为。例如按需加载、一键切换 Preact、一键兼容 IE9 等功能都是由插件实现的。 开箱即用UmiJS 内置了路由、构建、部署等功能开发者仅需一个依赖即可开始开发。这大大简化了开发流程无需额外安装 React、Preact、Webpack、React-Router、Babel、Jest 等工具或库。约定式路由UmiJS 采用了约定式路由这意味着开发者无需再维护一份冗余的路由配置。框架会根据文件目录结构自动生成路由配置并支持权限、动态路由、嵌套路由等功能。这种设计不仅简化了路由管理还提高了开发效率。可扩展性UmiJS 支持插件和插件集这使得框架能够支持各种不同的功能需求。无论是添加新的功能、修改现有功能还是优化性能都可以通过引入或开发插件来实现。业务整合由于 UmiJS 是阿里系的前端框架它对自家的 Ant Design、ahooks、dva 等工具或库的整合度非常高。这使得开发者在使用这些工具或库时能够获得更好的兼容性和性能。
约定式路由
约定式路由并不是 Umi 独有的东西像基于 Vue 的 Nuxt.js基于 React 的 Next.js 框架都提供了约定式路由的方式。
而早期在 Umi 2.x 时代团队借鉴了这种方式加入了约定式路由的功能并沿用至今。
所谓约定式路由简单来讲就是根据你的页面级组件自动生成路由的配置而不再需要我们自己去书写路由配置。
有关约定式路由的说明在 v4 的文档中介绍相对比较简单https://umijs.org/docs/guides/directory-structure#pagesv4 更多的是介绍配置式路由。
如果想要了解约定式路由这里可以参阅 v2 和 v3 的文档 v2 文档https://v2.umijs.org/zh/guide/router.html v3 文档https://v3.umijs.org/zh-CN/docs/convention-routing 注意 不同版本之间会有略微的差异例如动态路由在 v2 和 v3 中的使用方式就有所区别当发现差异时应该查询自己对应版本的文档说明 插件机制
在 Umi 中采用了插件的机制所涵盖的其他技术都以插件的形式引入。
要开启某个插件我们可以在 .umirc.js 中进行配置例如
export default defineConfig({antd: {},access: {},model: {},initialState: {},request: {},layout: {},dva: {},npmClient: npm,
});另外如果*.umiirc.js* 文件配置的内容很多的话可以单独提取出来放入到 config/config.js 里面二选一.umirc.js 优先
构建时配置和运行时配置
从 v2 版本开始Umi 就一直包含两个配置文件到了 v4 也一直保持这一特点。
构建时配置
在 Umi 中约定项目根目录下的 .umirc.js/ts 为构建时配置当我们启动 Umi 项目时Umi 会对整个项目进行一次构建在 src 目录下生成一个 .umi 的临时目录构建时配置则决定了所生成的 .umi 目录的样子。
.umi 目录的结构如下 .umi core # 内部插件生成 pluginA # 外部插件生成 presetB # 外部插件生成 umi.ts # 入口文件因此在构建时配置中一个很重要的用途就是开启插件。
有关 .umirc.js/ts 具体的配置项请参阅https://umijs.org/docs/api/config
运行时配置
运行时配置和配置的区别是他跑在浏览器端基于此我们可以在这里写函数、tsx、import 浏览器端依赖等等注意不要引入 node 依赖。
在 umi 中约定 src 目录下的 app.js/ts/jsx/tsx 为运行时的配置文件。
有关运行时配置项目可以参阅https://umijs.org/docs/api/runtime-config
总结
UmiJS 是一个强大且灵活的企业级前端应用框架基于 React 和插件化的思想构建。它提供了丰富的功能和插件生态系统使得开发者能够高效地构建出稳定、可扩展的 Web 应用。
无论是初创公司还是大型企业都可以通过 UmiJS 来提高开发效率、降低维护成本并构建出高质量、可扩展的 Web 应用。
