Inline Manifest Webpack Plugin

This is a webpack plugin that inline your manifest.js with a script tag to save http request. Cause webpack's runtime always change between every build, it's better to split the runtime code out for long-term caching.

Installation

Install the plugin with npm:

1$ npm i inline-manifest-webpack-plugin -D

Basic Usage

This plugin need to work with webpack v4 (for webpack v3 and below, pls use version 3) and HtmlWebpackPlugin v3 :

Step1: split out the runtime code

1// the default name is "runtime"
2optimization: {
3    runtimeChunk: 'single'
4 }
5
6// or specify another name
7optimization: {
8    runtimeChunk: {
9        name: 'another name'
10    }
11 }
12

Step2: add plugins:

1// this plugin need to put after HtmlWebpackPlugin
2[
3    new HtmlWebpackPlugin(),
4    new InlineManifestWebpackPlugin()
5]
6
7or
8
9[
10    new HtmlWebpackPlugin(),
11    // if you changed the runtimeChunk's name, you need to sync it here
12    new InlineManifestWebpackPlugin('another name')
13]
14

Done! This will replace the external script with inline code.