React Stringifier
This package is designed for:
- extremely lightweight single page static websites ("landing pages")
- based on create-react-app (without eject)
It produces a html-file without a React js-bundle.
3 simple steps
- Install the package:
npm i -D react-html-stringifier
oryarn add -D react-html-stringifier
- Add this line to a
scripts
section of thepackage.json
:"static": "build && react-html-stringifier"
- Run:
npm run static
oryarn static
Explanation
- Stringifier will copy the content of your
build
directory to a new one calledstatic
to work with it. - Then it injects a content of
browser-script.js
into yourindex.html
file and starts anexpress
server. - It serves a website and receives its HTML via POST request from
browser-script.js
. - Then HTML is received the server removes a React bundle and a
browser-script.js
script from it.