simple-react-app-maker v1.1.4
simple-react-app-maker
This npm package is a collection of extremely simple scripts, intended for super-fast building of React applications.
Thanks to the usage of esbuild, it achieves very fast build times.
It tries to be mostly compatible with Create React App.
Usage
Install with:
$ npm install -D simple-react-app-makerMake sure react packages are installed:
$ npm install react react-domMake sure your project has the following:
A public folder, with at least an
index.htmlfile.- Replacement of
%PUBLIC_URL%is supported
- Replacement of
A
src/index.tsxfile with the React entrypoint.- You can define different entrypoints, see the configuration section below.
A
csp.jsfile, containing configuration for CSP according to react-csp
Then, you can run one of the following scripts:
npx simple-react-server- creates a development server. Your application is available underlocalhost:3000. Note that for simplicity, the devserver does not support live reload. To see changes, refresh the page in the browser.npx simple-react-publish- builds your application to thebuild/dist/folder.
Configuration
The scripts can be configured using package.json fields.
Some configuration options are controlled by the NODE_ENV environment variable.
If the variable is not defined, development is assumed.
homepage- defines the root url of the application. If not defined, assumes/.browserslist.development- defines browserslist values for the development application build. This is passed to esbuild to control what features should be shimmed, etc. Note that esbuild cannot generate ES5 output, only ES6 - therefore, too broad browserslist will cause build to fail.browserslist.production- same as above, but used whenNODE_ENV=production.externalFiles.development,externalFiles.production- can be set to an array of files. These files will be excluded from the final build output.entrypoints- can be set to an array of files that are entrypoints for the esbuild process. By default["src/index.tsx"].