inline-runtime-chunk-html-webpack-plugin

Inline Webpack's runtime chunks to the output html to save http request. It requires html-webpack-plugin and Webpack 5.

Installation

1npm install inline-runtime-chunk-html-webpack-plugin --save-dev

Usage

1const HtmlWebpackPlugin = require('html-webpack-plugin');
2const InlineRuntimeChunkPlugin = require('inline-runtime-chunk-html-webpack-plugin');
3
4module.exports = {
5  output: {
6    // the default value of output.publicPath is "auto"
7    // but it can\'t not automatically determine after inline runtime chunk within html
8    // you can set publicPath to '' to get similar results
9    publicPath: '',
10    filename: '[name].[contenthash].js',
11  },
12  optimization: {
13    // adds an additional chunk containing only the runtime to entrypoint
14    runtimeChunk: 'single'
15  },
16  plugins: [
17    new HtmlPlugin(),
18    new InlineRuntimeChunkPlugin()
19  ],
20}