mf-bundler
v1.8.30
Published
Bundle MicroFrontend without pain
Downloads
138
Readme
MfBundler
MfBundler (npm link) allow you to build your components with single command line
Quick Setup
In order to works, Mf-bundler needs:
mf-bundler.config.js
at the root of the project with
const config = {
entities: [
{
name: "menu", // entity folder name inside apps/ folder
}
]
};
export {config};
mf-app.config.js
at the root of each entity-type microfronts with
const config = {
microAppName: "micro-app-menu-detail", // used by registerMicroApp and MicroAppComponent name attribute
entity: "menu", // used for the mf-maestro.json and dist folder structure for build
uiType: "detail", // used for the mf-maestro.json and dist folder structure for build
processor: "processor_name", // used for the mf-maestro.json and dist folder structure for build
requiredAcls: ["index", "create"] // used for the mf-maestro.json and dist folder structure for build
};
export {config};
- npm scripts in root package.json with
"scripts": {
"build": "mf-bundle -d back-office-menu -p /assets/back-office-menu", // -d for domain & -p for prefix inside mf-maestro.json
"clean": "mf-clean",
"dependencies": "mf-install",
"postinstall": "npm run dependencies",
"start": "mf-serve",
"test": "mf-test",
"watch": "npm-watch"
},
The overall structure to work will look like this:
/apps
/entity
/entity-master
/package.json
/mf-app.config.js
/entity-detail
/package.json
/mf-app.config.js
/entity-type...
/package.json => with mf-bundler scripts and installed in dependencies
/mf-bundler.config.json