Script watcher for react-create-app

watcher.js

// put it to scripts/watch.js
// add - "watch": "node scripts/watch.js", into package.json in section scripts

process.env.NODE_ENV = "development";

const fs = require("fs-extra");
const paths = require("react-scripts/config/paths");
const webpack = require("webpack");
const config = require("react-scripts/config/webpack.config.dev.js");

// removes react-dev-utils/webpackHotDevClient.js at first in the array
config.entry.shift();

config.output.path = __dirname + "../../../backend/public/";
config.output.hotUpdateChunkFilename = 'hot/hot-update.json';
config.output.hotUpdateMainFilename = 'hot/hot-update.json';


webpack(config).watch({}, (err, stats) => {
  if (err) {
    console.error(err);
  } else {
    copyPublicFolder();
  }
  console.error(stats.toString({
    chunks: false,
    colors: true
  }));
});

function copyPublicFolder() {
  fs.copySync(paths.appPublic, paths.appBuild, {
    dereference: true,
    filter: file => file !== paths.appHtml
  });
}