EMP - Micro Frontends solution

Base on Webpack 5 & Module Federation

English | 简体中文

Projects

Project	NPM	Info
@efox/emp-cli		CLI
@efox/emp-tsconfig		Typescript Config
@efox/emp-tune-dts-plugin		Webpack Plugin for Module Federation Project in Typescript
@efox/eslint-config-react-prittier-ts		ESLint Config
@efox/emp-sync-vscode-plugin		EMP Type Synchronize VSCode Plugin

Quick Overview

npx @efox/emp-cli init
cd my-emp && yarn && yarn dev

• If you've previously installed @efox/emp-cli,globally via npm install -g @efox/emp-cli or yarn global add @efox/emp-cli .

• we recommend you uninstall the package using npm uninstall -g @efox/emp-cli or yarn global remove @efox/emp-cli to ensure that npx always uses the latest version.

• run cd my-emp && yarn && yarn dev,the project will automatically open in the browser.

• If you want to know more about the use of @efox/emp-cli, go to emp-cli.

Demos

Framework	demo	cli
	react-demo1 react-demo2	cd projects && yarn dev
	vue3-base vue3-project	cd projects && yarn dev:vue
	antd-base antd-project	cd projects && yarn dev:antd
	https	cd projects/https && yarn dev
	dynamic-system-host	cd projects && yarn dev:dynamichost
	react vue	cd projects && yarn dev:reactvue

Framework Config Plugins

Framework	NPM	demo	project	install
vue2		demo	@efox/emp-vue2	yarn add @efox/emp-vue2 -D
vue3		demo	@efox/emp-vue3	yarn add @efox/emp-vue3 -D
svelte		demo	@efox/emp-svelte	yarn add @efox/emp-svetle -D

Use multiple frameworks in EMP Application

Framework	demo	cli
	Vue use React & React use Vue	cd projects && yarn dev:reactvue

Show Case

EMP Awesome