Create React App does not provide watching build mode oficially (#1070).
This script provides watching build mode for an external tool such as Chrome Extensions or Firebase app.
How to Use
Create a React app.
Put the script into scripts/watch.js
.
Add watch
task into the scripts block in package.json
as follows:
"scripts": {
"start": "react-scripts start",
// Add next line
"watch": "node scripts/watch.js",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
Run the watch
task.
npm run watch
Change source code and check build
output.
Directory structure may be following:
app/
src/
public/
scripts/
watch.js
(need to add)
package.json
(need to modify)build/
(output)
This comment has been minimized.
Thanks! This works for me. Though it seems to only compile the js and media files. It doesn't compile and output the css (whereas the CRA scripts do). am I missing something here?