Repository files navigation

English｜简体中文｜Documentation｜Discussions｜WeChat

micro-app is a micro front-end framework launched by JD Retail. It renders based on webcomponent-like and realizes the micro front-end from component thinking, it aiming to reduce the difficulty of getting started and improve work efficiency.

It is the lowest cost framework for accessing micro front-end, and provides a series of perfect functions such as JS sandbox, style isolation, element isolation, preloading, resource address completion, plugin system, data communication and so on.

micro-app has no restrictions on the front-end framework, and any framework can be used as a base application to embed any type of micro application of the framework.

1、Install

yarn add @micro-zoe/micro-app

2、import at the entrance

// main.jsimportmicroAppfrom'@micro-zoe/micro-app'microApp.start()

3、Use components in page

<!-- my-page.vue --><template><!-- 👇 name is the app name, url is the app address --><micro-appname='my-app'url='http://localhost:3000/'></micro-app></template>

Set cross-domain support in the headers of webpack-dev-server

devServer:{headers:{'Access-Control-Allow-Origin':'*',},},

The above micro front-end rendering is completed, and the effect is as follows:

More detailed configuration can be viewedDocumentation.

If you're interested in this project, you're welcome to mention pull request, and also welcome your "Star" ^_^

1、Clone

git clone https://github.com/jd-opensource/micro-app.git

2、Install dependencies

yarn bootstrap

3、Run project

yarn start

For more commands, seeDEVELOP

devServer:{headers:{'Access-Control-Allow-Origin':'*',},}

MIT License