@hiro-ui/react-scripts

@hiro-ui/react-scripts

Simplified version of the CRA's main package.

Notable changes

• Node 12+
• SASS is supported out of the box (no need to install the node-sass package)
• WebWorker is supported out of the box (just suffix a file with .worker.js)
• Optional Chaining Operator
• Nullish Coalescing Operator

Usage with Create React App

@hiro-ui/react-scripts is compatible with CRA v3

// standard react app
create-react-app my-app-name --scripts-version=@hiro-ui/react-scripts

// typescript react app
create-react-app my-app-name --typescript --scripts-version=@hiro-ui/react-scripts

Available configuration parameters

Variable	Development	Production	Notes
PORT	+	-	By default, the dev server will try to use port 3000. You may use this variable to specify a different port.
HOST	+	-	By default, the development web server binds to localhost. You may use this variable to specify a different host.
HTTPS	+	-	When set to true, app will run the development server in https mode.
PUBLIC_URL	-	+	Your application is assumed to be hosted at the serving web server's root. You may use this variable to force assets to be referenced verbatim to the url you provide (hostname included). This may be particularly useful when using a CDN to host your application.
CI	+	+	When set to true, app treats warnings as failures in the build. It also makes the test runner non-watching. Most CIs set this flag by default.
GENERATE_SOURCEMAP	-	+	When set to false, source maps are not generated for a production build. This solves out of memory (OOM) issues on some smaller machines.
SPLIT_CHUNKS	-	+	Code splitting is disabled by default. You may set this variable to true in order to enable code splitting.