Inline Chunk Manifest HTML Webpack Plugin
Extension plugin for html-webpack-plugin to inline webpack's chunk manifest. Defaults to inline in <head> tag.
Example output
Script tag to assign global webpack manifest variable, injected in <head>.
Usage
Install via npm/yarn
npm install inline-chunk-manifest-html-webpack-plugin --save-devyarn add inline-chunk-manifest-html-webpack-plugin --dev
webpack.config.js
const InlineChunkManifestHtmlWebpackPlugin = ; moduleexports = // your config values here plugins: template: './index-template.ejs' // InlineChunkManifestHtmlWebpackPlugin defaults to: // { filename: 'manifest.json', manifestVariable: 'webpackManifest', chunkManifestVariable: 'webpackChunkManifest', dropAsset: false } ;Config
const inlineChunkManifestConfig = filename: 'manifest.json' // manifest.json is default manifestVariable: 'webpackManifest' // webpackManifest is default chunkManifestVariable: 'webpackChunkManifest' // webpackChunkManifest is default; use in html-webpack-plugin template dropAsset: true // false is default; use to skip output of the chunk manifest asset (removes manifest.json) manifestPlugins: /* override default chunk manifest plugin(s) */ extractManifest: false // true is default. When set to false, manifestPlugins (incl default) is not applied; inlineChunkManifestConfigExplicit inject
When option inject: false is passed to html-webpack-plugin the content of the chunk manifest can be inlined matching the config option chunkManifestVariable.
Example template for html-webpack-plugin:
<%= htmlWebpackPlugin.options.title %> My web site <%=htmlWebpackPlugin.files.webpackChunkManifest%> Override default chunk manifest plugin
To use plugins like webpack-manifest-plugin you can override the default plugin used to extract the webpack chunk manifest. To do this, you can do either of below configs:
inline-chunk-manifest-html-webpack-plugin apply dependency plugins:
const InlineChunkManifestHtmlWebpackPlugin = ; moduleexports = /* webpack config */ plugins: /* more plugins goes here */ manifestPlugins: manifestVariable: "manifest" template: './index-template.ejs' /* more plugins goes here */ ;Plugins applied separately:
const InlineChunkManifestHtmlWebpackPlugin = ; moduleexports = /* webpack config */ plugins: /* more plugins goes here */ manifestVariable: "manifest" extractManifest: false template: './index-template.ejs' /* more plugins goes here */ ;