Disable Code Splitting (and caching) In Create React App

build-non-split.js

const rewire = require('rewire');
const defaults = rewire('react-scripts/scripts/build.js');
let config = defaults.__get__('config');

config.optimization.splitChunks = {
    cacheGroups: {
        default: false,
    },
};

config.optimization.runtimeChunk = false;

package.json

"start": "node ./scripts/start-non-split.js",
"build": "node ./scripts/build-non-split.js",

start-non-split.js

const rewire = require('rewire');
const defaults = rewire('react-scripts/scripts/start.js');
let configFactory = defaults.__get__('configFactory');

defaults.__set__('configFactory', (env) => {
  const config = configFactory(env);
  config.optimization.splitChunks = {
      cacheGroups: {
          default: false,
      },
  };
  config.optimization.runtimeChunk = false;
  return config;  
})

@Abraham-william I haven't had time to maintain this, so there may have been updates to create-react-app that need to be accounted for. Please check this issue: facebook/create-react-app#5306