micro-frontend-webpack-plugin v0.0.2

micro-frontend-webpack-plugin

Плагин для webpack - позволяет биндить микроприложение в корневое приложение. Используется в микроприложении.

Installation

$ yarn add micro-frontend-webpack-plugin

Usage

/* Webpack config of our microfrontend */

const MicroFrontendPlugin = require('micro-frontend-webpack-plugin');

module.exports = {
  entry: {
    app: "./src/app.jsx" // app you want to expose
  },
  plugins: [
    new MicroFrontendPlugin({
      entryName: "app", // entry you want to export
      bundleName: "MicroApp1" // name of micro-app
    })
  ]
}

После запуска webpack генерируется файл import-manifest-js следующего вида:

window["injectManifestCallback"](
  "MicroApp1", // name of micro-app
  {
    "id":"f8fb9d6dff3dc5c6f91b", // unique id (not use now, maybe in feature)
    "name":"MicroApp1", // name of micro-app
    "meta":{}, // some meta info (not use now, use in future)
    "chunks":["http://localhost:3002/app.js"] // paths to chunks (css, js)
  });