Skip to content

godaprojects-microfrontends/react-app-rewire-micro-frontends

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

react-app-rewire-micro-frontends

This package makes a couple of modifications to react-scripts 2.0 for the purpose of building microfrontends

Single chunk

In react-scripts v1, your JavaScript was always compiled to a single file. In version 2, code splitting is enabled by default, so your application will be split into several 'chunks' which can be loaded onto the page indepedently. This makes it much more difficult to dynamically download the required scripts into an HTML file other than the one that react-scripts generates. So this rewiring puts things back into a single chunk.

Externals

To save bandwidth, react and react-dom are excluded from the compiled code, and are expected to be present on the page as scripts instead.

Installation

  1. Install required dependencies:

    yarn add -D react-app-rewired react-app-rewire-micro-frontends
  2. Edit your package.json scripts to use react-app-rewired instead of react-scripts.

  3. Add this line to your package.json:

      "config-overrides-path": "node_modules/react-app-rewire-micro-frontends",

That's it! Your app should now be compiled to just /static/js/bundle.js in dev mode, or main.[hash].js for production builds, and in either case the compiled code will not include react or react-dom.

About

Modifies react-scripts 2.0 for micro frontend development

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%