PluginStatshtml-inline-script-webpack-plugin weekly downloads statistics
By icelam · npm · Webpack plugins
A webpack plugin for converting external script files to inline script block. Requires 'html-webpack-plugin' to work.
html-inline-script-webpack-plugin has 51,274 recorded weekly downloads on npm, a decrease of 32.7% over the past 30 days.
It ranks #557 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -69.9%.
PluginStats has 121 daily observations since Jun 19, 2026; the latest is from Oct 17, 2026.
About html-inline-script-webpack-plugin
HTML Inline Script Webpack Plugin for webpack (html-inline-script-webpack-plugin)
A webpack plugin for converting external script files to inline script block . Requires html-webpack-plugin to work.
Inspired by react-dev-utils created by Facebook.
Install
Webpack5
Webpack4
Usage
By default, the plugin will convert all the external script files to inline script block, and remove the original script file from build assets.
Options
Below are lists of options supported by this plugin:
| Name | Description | Type |
| scriptMatchPattern | List of script files that should be processed and inject as inline script. This will be filtered using the output file name. | RegExp[] | | htmlMatchPattern | List of HTML template files that should be processed by this plugin. Useful when you have multiple html-webpack-plugin initialized. This will be filtered using the options?.filename provided by html-webpack-plugin. | RegExp[] | | assetPreservePattern | List of script files that should be preserved by this plugin after inserting them inline. This will be filtered using the output file name. | RegExp[] |
Here are some examples illustrating how to use these options:
Process only script files that have file name start with runtime~ and app~
Process any script files but only have them inlined in index.html
Process script files that have file name start with runtime~ and app~ and inject only to index.html
Process any script files but preserve main.js from build assets
Known limitations
1. This plugin does not transform Web Worker syntax like new Worker(new URL('./worker.js', import.meta.url));`. It simply embeds the source code processed by webpack into HTML files, and emits any JavaScript files that is not processed by the plugin. 2. This plugin is designed to embed script content into HTML files for deployment to environments where only a single file can be uploaded, or where the script file itself is small enough that it doesn't warrant an additional HTTP request. It is not intended for use in development, and may fail if HMR is enabled.
Contributors
Thanks goes to these wonderful people:
@kmalakoff @SorsOps
Description from the npm listing.
- webpack
- webpack4
- webpack5
- webpack-plugin
- html-webpack-plugin
- inline
- internal
- embedded
- source
- inline-source
- script
- inline-script
Where html-inline-script-webpack-plugin sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (121)Similar npm Webpack plugins plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/html-inline-script-webpack-plugin. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.