Gathering detailed insights and metrics for inline-chunk-manifest-html-webpack-plugin
Gathering detailed insights and metrics for inline-chunk-manifest-html-webpack-plugin
Gathering detailed insights and metrics for inline-chunk-manifest-html-webpack-plugin
Gathering detailed insights and metrics for inline-chunk-manifest-html-webpack-plugin
Extension plugin for html-webpack-plugin to inline webpack's chunk manifest. Default inlines in head tag.
npm install inline-chunk-manifest-html-webpack-plugin
Typescript
Module System
Node Version
NPM Version
Support extracting chunk manifest
Updated on Nov 09, 2017
Handle dependencies stricter
Updated on Apr 21, 2017
Override default chunk manifest plugin
Updated on Apr 19, 2017
Reference chunk manifest internally
Updated on Apr 17, 2017
Option to drop chunk manifest asset
Updated on Apr 08, 2017
Reference chunk manifest from template
Updated on Apr 04, 2017
JavaScript (100%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
80 Stars
49 Commits
10 Forks
7 Watchers
1 Branches
1 Contributors
Updated on Jun 27, 2024
Latest Version
2.0.0
Package Id
inline-chunk-manifest-html-webpack-plugin@2.0.0
Size
3.86 kB
NPM Version
4.0.5
Node Version
7.4.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
1
1
7
Extension plugin for html-webpack-plugin to inline webpack's chunk manifest. Defaults to inline in <head>
tag.
Script tag to assign global webpack manifest variable, injected in <head>
.
1<head> 2 <script>window.webpackManifest={"0":"0.bcca8d49c0f671a4afb6.dev.js","1":"1.6617d1b992b44b0996dc.dev.js"}</script> 3</head>
npm install inline-chunk-manifest-html-webpack-plugin --save-dev
yarn add inline-chunk-manifest-html-webpack-plugin --dev
1const InlineChunkManifestHtmlWebpackPlugin = require('inline-chunk-manifest-html-webpack-plugin'); 2 3module.exports = { 4 // your config values here 5 plugins: [ 6 new HtmlWebpackPlugin({ 7 template: './index-template.ejs' 8 }), 9 // InlineChunkManifestHtmlWebpackPlugin defaults to: 10 // { filename: 'manifest.json', manifestVariable: 'webpackManifest', chunkManifestVariable: 'webpackChunkManifest', dropAsset: false } 11 new InlineChunkManifestHtmlWebpackPlugin() 12 ] 13};
1const inlineChunkManifestConfig = { 2 filename: 'manifest.json', // manifest.json is default 3 manifestVariable: 'webpackManifest', // webpackManifest is default 4 chunkManifestVariable: 'webpackChunkManifest', // webpackChunkManifest is default; use in html-webpack-plugin template 5 dropAsset: true, // false is default; use to skip output of the chunk manifest asset (removes manifest.json) 6 manifestPlugins: [/* override default chunk manifest plugin(s) */], 7 extractManifest: false // true is default. When set to false, manifestPlugins (incl default) is not applied 8}; 9 10new InlineChunkManifestHtmlWebpackPlugin(inlineChunkManifestConfig)
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
:
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> 5 <title><%= htmlWebpackPlugin.options.title %></title> 6 </head> 7 <body> 8 <h1>My web site</h1> 9 <%=htmlWebpackPlugin.files.webpackChunkManifest%> 10 </body> 11</html>
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:
1const InlineChunkManifestHtmlWebpackPlugin = require('inline-chunk-manifest-html-webpack-plugin'); 2 3module.exports = { 4 /* webpack config */ 5 plugins: [ 6 /* more plugins goes here */ 7 8 new InlineChunkManifestHtmlWebpackPlugin({ 9 manifestPlugins: [ 10 new WebpackManifestPlugin() 11 ], 12 manifestVariable: "manifest" 13 }), 14 new HtmlWebpackPlugin({ 15 template: './index-template.ejs' 16 }) 17 /* more plugins goes here */ 18 ] 19};
Plugins applied separately:
1const InlineChunkManifestHtmlWebpackPlugin = require('inline-chunk-manifest-html-webpack-plugin'); 2 3module.exports = { 4 /* webpack config */ 5 plugins: [ 6 /* more plugins goes here */ 7 new WebpackManifestPlugin(), 8 new InlineChunkManifestHtmlWebpackPlugin({ 9 manifestVariable: "manifest", 10 extractManifest: false 11 }), 12 new HtmlWebpackPlugin({ 13 template: './index-template.ejs' 14 }) 15 /* more plugins goes here */ 16 ] 17};
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
project is archived
Details
Reason
Found 0/5 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
69 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More