Webpack code splitting configuration example

webpack.config.js

module.exports = {
  entry: {
    main: './src/app.js',
  },
  output: {
    // `filename` provides a template for naming your bundles (remember to use `[name]`)
    filename: '[name].bundle.js',
    // `chunkFilename` provides a template for naming code-split bundles (optional)
    chunkFilename: '[name].bundle.js',
    // `path` is the folder where Webpack will place your bundles
    path: './dist',
    // `publicPath` is where Webpack will load your bundles from (optional)
    publicPath: 'dist/'
  }
};

React 16.14.0 + Webpack v5, React Lazy kick-off example : https://github.com/mrdulin/react-examples/tree/main/v16

@mrdulin Getting a 404 on your link

@bobber205 Fixed

wtf is this.