Git Product home page Git Product logo

emp's Introduction

EMP - Micro Frontends solution

Base on Webpack 5 & Module Federation

English | 简体中文

An implementation of Micro Frontends, based on Webpack5 Module Federation, but made it production-ready.

👨🏻‍💻 Table of contents

📦 Projects

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

📖 Documentation

https://github.com/efoxTeam/emp/wiki

💿 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.

npx @efox/emp-cli init

✨ Framework Config Plugins

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

⚡ EMP multi-frame intermodulation conversion plug-in

Framework NPM demo install
emp-vue2-in-vue3 release demo yarn add @efox/emp-vuett

📦 Demos

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

💪 Use multiple frameworks in EMP Application

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

👬 Community

  • WeChat Group:

  • WeChat Official Account: Efox

  • Juejin:

https://juejin.cn/user/483440843559406/posts

  • oschina:

https://my.oschina.net/u/568478

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.