Inline JavaScript and CSS with webpack

Use InlineChunkHtmlPlugin from react-dev-utils const HtmlWebpackPlugin = require(‘html-webpack-plugin’); const InlineChunkHtmlPlugin = require(‘react-dev-utils/InlineChunkHtmlPlugin’); module.exports = { // … output: { filename: ‘client-bundle.js’ }, plugins: [ new HtmlWebpackPlugin(), new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/client-bundle/]), ], // … }; *where “/client-bundle/” regex should match output filename https://github.com/facebook/create-react-app/tree/master/packages/react-dev-utils#new-inlinechunkhtmlpluginhtmlwebpackplugin-htmlwebpackplugin-tests-regex for inline css you need additional rules object: module.exports = { entry: [‘./src/style.css’, ‘./src/client.js’], … Read more