Gathering detailed insights and metrics for static-version-injection-html-webpack-plugin
Gathering detailed insights and metrics for static-version-injection-html-webpack-plugin
Add file version after the assets` src for the HTML Webpack Plugin
Installations
npm install static-version-injection-html-webpack-pluginDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
6.10.3
NPM Version
3.10.10
Releases
Unable to fetch releases
Languages
1
JavaScript
JavaScript (100%)
Developer
Kat5ura
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
3 Stars
17 Commits
1 Watchers
1 Branches
1 Contributors
Updated on Nov 08, 2021
Maintainers
1
Package Meta Information
Latest Version
0.0.8
Package Id
static-version-injection-html-webpack-plugin@0.0.8
Size
7.65 kB
NPM Version
3.10.10
Node Version
6.10.3
Total Downloads
Cumulative downloads
Total Downloads
NaN
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
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Add file version after the assets` src for the HTML Webpack Plugin
This plugin allows you to add a version string for each static asset in the output from html-webpack-plugin.
Installation
You must be running webpack on node 4.x or higher
Install the plugin with npm:
1$ npm install --save-dev static-version-injection-html-webpack-plugin
Basic Usage
Require the plugin in your webpack config:
1var StaticVersionInjectionPlugin = require('static-version-injection-html-webpack-plugin');
Add the plugin to your webpack config as follows:
1plugins: [ 2 new HtmlWebpackPlugin(), 3 new StaticVersionInjectionPlugin({md5: true }) 4]
Options
The available options are:
-
md5:booleanSpecifying whether to use md5 version for all static assets or not.
Example
Using HtmlWebpackIncludeAssetsPlugin and CopyWebpackPlugin to include assets to html-webpack-plugin template :
1{ 2// ... 3output: { 4 filename: utils.assetsPath('js/[name].[chunkhash].js'), 5 // or 6 // filename: utils.assetsPath('js/[name].js') 7 8 } 9// ... 10plugins: [ 11 // extract css into its own file 12 new ExtractTextPlugin({ 13 filename: utils.assetsPath('css/[name].[contenthash].css') 14 // or 15 // filename: utils.assetsPath('css/[name].[contenthash].css') 16 17 }), 18 new HtmlWebpackPlugin(), 19 new StaticVersionInjectionPlugin() 20] 21}
User md5 mode :
1plugins: [ 2 new HtmlWebpackPlugin(), 3 new StaticVersionInjectionPlugin({ 4 md5: true 5 }) 6]
Then you will get html like this
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset=utf-8> 5 <title>test1</title> 6 <link href="/static/css/app.css?v=ce027eb1c4fdfea5bce4f5e466a381dd" rel=stylesheet> 7</head> 8 9<body> 10 <div id=app></div> 11 <script type=text/javascript src="/static/js/manifest.js?v=8072eace45064bc08e5f"></script> 12 <script type=text/javascript src="/static/js/vendor.js?v=5953645b5f4b4a670ad7"></script> 13 <script type=text/javascript src="/static/js/app.js?v=6b6c95749ad1049c0c72"></script> 14</body> 15</html>
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
Found 0/17 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Score
2.6
/10
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