mf-lite
mf-lite是基于Webpack 5 Module Federation和qiankun的微前端解决方案,提供脚手架、核心工具库和HTTP请求代理工具,支持TypeScript和独立开发部署,简化微前端架构配置。
• Copy the embed code to showcase this product on your website
• Share on X to spread the word about this amazing tool
项目地址:https://github.com/yuzhanglong/mf-lite****在线 DEMO:https://mf-lite-quick-start-base-app.vercel.app**## 介绍mf-lite** 是一个基于 Webpack 5 Module Federation 来实现模块共享、qiankun 来做隔离沙箱的微前端解决方案,它提供以下内容:- 一个通过命令行快速创建基座应用或者微前端应用的脚手架, 提供项目初始化依赖及开发、构建脚本。- 一个核心工具库, 它可以:
- 基于 Webpack Module Federation 特性,让微前端架构下的的库共享(share library)、甚至模块共享(share module) 成为可能,且使用更加优雅、易于维护。 - 自动生成、处理开发、生产可用的 webpack 的复杂配置项,用户基本上无需直接接触 webpack 的相关配置。 - 支持生成远程模块的 typescript 类型定义。- 一个基于 node.js、方便独立开发微应用的 HTTP 请求代理工具, 使微应用的独立开发方式更加优雅。
对于用户来说,唯一需要做的就是拉取模板、然后加上一些十分简单的配置,剩下的和平常的开发流程别无二致。## 特性📦 开箱即用:你只需要执行几行命令即可拉取相应的模板代码并把项目跑起来,包括基座应用和微前端应用,无需处理构建工具的复杂配置。🤩 typescript 支持:模块的生产者和消费者均可自动生成/消费相关的 typescript 类型定义。🚀 舒适的开发体验:开发体验与常规应用一致、完美接入 qiankun 微前端沙箱库、基座和微应用开发都支持热更新,类型定义的生成也不会打断正常的开发流程。🔨 独立开发与部署:基于提供的代理工具,微应用开发者在单独开发微应用时,无需启动基座或者其它微应用。🌟 轻量的项目模板:脚手架生成的初始项目只保留微前端相关的核心依赖,其它第三方库的选型(如 ui 组件库、状态管理库)交由开发者全权管理。