react-app-rewire-single-bundle

    0.0.1 • Public • Published

    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.

    Keywords

    none

    Install

    npm i react-app-rewire-single-bundle

    DownloadsWeekly Downloads

    3

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    2.19 kB

    Total Files

    3

    Last publish

    Collaborators

    • joseshiru