html-webpack-simple-inject-plugin
Simplely injects a custom string into the html-webpack-plugin output.
Installation
npm install --save-dev html-webpack-simple-inject-pluginExample
input
import HtmlWebpackPlugin from "html-webpack-plugin"
import HtmlWebpackSimpleInjectPlugin from "html-webpack-simple-inject-plugin"
export default {
plugins: [
new HtmlWebpackPlugin({
templateContent: '<html><head></head><body>text</body></html>'
}),
new HtmlWebpackSimpleInjectPlugin({
content: '<div>inject</div>',
target: 'body',
position: 'start',
}),
],
}output
<html><head></head><body><div>inject</div>text</body></html>Options
| Name | Type | Default | Description |
|---|---|---|---|
content |
{String} |
"" | The string that will be injected into the html-webpack-plugin output. |
target |
"head"|"body"
|
'head' |
The target place that you wanted to inject. |
position |
"start"|"end"
|
'end' |
If start, the content will be injected after the opening tag of target. If end, the content will be injected before the ending tag of target. |