se-cra-react-scripts v4.2.0

react-scripts

This fork includes the following changes:

1. New Webpack Configuration:

   • Introduces a new webpack configuration with a different entry point: src/widget.js.
   • Aims to output a single JavaScript file.
   • Outputs everything to /widget by default.
   • The new webpack configuration accepts the following environment variables:
     • WIDGET_PUBLIC_URL (similar to PUBLIC_URL): Defaults to "/widget/".
     • WIDGET_BUILD_PATH (similar to BUILD_PATH): Defaults to "build/widget".
   • The output is a UMD module, named after the name field in the project's package.json file when using CRA.

2. Development Mode Enhancements:

   • Dev server has CORS enabled
   • You can pass a new argument --widget to the start script in development mode.
   • When the --widget argument is passed, webpack-dev-server uses the new webpack configuration.
   • webpack-dev-server accepts the following environment variable:
     • WIDGET_PORT (similar to PORT): Defaults to 3210.

3. Proxying Requests in Development Mode:

   • In development mode, all requests to /widget/**/* are proxied to the /widget/**/* path of the webpack-dev-server instance running with the --widget argument.

Steps to test locally

# in this directory, run
$ yarn link

# in `viz-omni/frontend-neo/layout-editor`
$ yarn link se-cra-react-scripts

Steps to publish to npm

1. Update package.json version

2. Run:

   $ npm login
   $ npm publish

Troubleshooting

• Uncaught ReferenceError: process is not defined

  Latest versions of react-error-overlay have that bug. Add the following to your package.json to fix it:

  "resolutions": {
    "react-error-overlay": "6.0.8"
  },

This package includes scripts and configuration used by Create React App. Please refer to its documentation:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.