Gathering detailed insights and metrics for html-inject-webpack-plugin
Gathering detailed insights and metrics for html-inject-webpack-plugin
Installations
npm install html-inject-webpack-pluginDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
6.2.0
NPM Version
3.8.9
Releases
Unable to fetch releases
Languages
2
JavaScript
HTML
JavaScript (95.79%)
HTML (4.21%)
Developer
maiwenan
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
5 Stars
5 Commits
1 Forks
1 Watchers
1 Branches
1 Contributors
Updated on Mar 29, 2019
Maintainers
1
Package Meta Information
Latest Version
1.0.0
Package Id
html-inject-webpack-plugin@1.0.0
Size
5.10 kB
NPM Version
3.8.9
Node Version
6.2.0
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
2
Dev Dependencies
23
autoprefixerbabel-corebabel-loaderbabel-preset-es2015babel-preset-stage-1chaichai-as-promisedcoverallscss-loaderextract-text-webpack-pluginfile-loaderhtml-loaderhtml-webpack-pluginistanbulmochanode-sassopen-browser-webpack-pluginpostcss-loadersass-loaderstyle-loaderurl-loaderwebpackwebpack-dev-server
Html-Inject-Webpack-Plugin 
这是一个为页面插入自定义内容或者其他页面内容，并且可以把插入后的页面写到硬盘里的 webpakc 插件。她依赖 html-webpack-plugin 插件。
下载
使用 npm 下载：
npm install html-inject-webpack-plugin --save-dev
配置参数
可以传递一下的参数到 htmlInjectWebpackPlugin 插件：
-
header(string|array) : 在目标文件的头部插入header指定的文件内容，她的值可以是文件路径字符串或者是文件路径组成的数组（目前只支持绝对路径）。 -
footer(string|array) : 在目标文件尾部插入footer指定的文件内容，她的值可以是文件路径字符串或者是文件路径组成的数组（目前只支持绝对路径）。 -
bodys(array) : 在目标文件的带有自定义标记的地方插入指定的文件内容，组成该数组的一个对象就代表要插入内容的摸个标记符，她具有一下属性：-
flagname(string) : 标记符的名称，如完整的注释标记<!-- inject:flagname --><!-- endinject -->中的flagname就是标记符名称，需要完整的注释标记才能正确插入内容。 -
template(string|array) : 被插入页面的路径地址，可以是字符串或者是文件路径组成的数组（目前只支持绝对路径）。
-
-
dest(string) : 目标文件经过处理后被写到硬盘的路径，如果没设置该参数，则不生成文件。
基本使用
用法可以查看 example 里面的这个例子：
// webpack.config.js
import HtmlWebpackPlugin from 'html-webpack-plugin';
import HtmlInjectPlugin from 'html-inject-webpack-plugin';
const webpackConfig = {
entry: 'index.js',
output: {
path: 'dist',
filename: 'index_bundle.js'
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
template: './tpl/index.html'
}),
new HtmlInjectPlugin({
bodys: [{
flagname: 'tabbar',
template: path.resolve(__dirname, './tpl/tabbar.html')
}]
})
]
};
<!-- ./tpl/index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html-inject-webpack-plugin</title>
</head>
<body>
<div>header</div>
<!-- inject:tabbar -->
<!-- endinject -->
</body>
</html>
<!-- ./tpl/tabbar.html -->
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
</ul>
插入文件内容后的 index.html ：
// index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html-inject-webpack-plugin</title>
</head>
<body>
<div>header</div>
<!-- inject:tabbar -->
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
</ul>
<!-- endinject -->
</body>
</html>
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
Found 0/5 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