Reactを単一のHTMLで書き出す

yarn create react-app my-app --template typescript

yarn add -D react-app-rewired

  "scripts": {
+   "start": "react-app-rewired start",
+   "build": "react-app-rewired build",
+   "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },

yarn add html-webpack-inline-source-plugin@1.0.0-beta.2

const HtmlWebpackPlugin = require('html-webpack-plugin');
const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');

module.exports = function override(config, env) {
    if (env === 'production') {
        const addOptions = {
            inlineSource: '.(js|css)$',
            inject: 'body'
        }
        Object.assign(
            config.plugins
                .find(plugin => Object.getPrototypeOf(plugin).constructor.name === 'HtmlWebpackPlugin')
                .userOptions,
            addOptions
        )
        config.plugins.push(new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin))
    }
    return config
}