inject-body-webpack-plugin
Webpack plugin that injects a custom string into the body of the html-webpack-plugin output.
Installation
npm install --save-dev inject-body-webpack-plugin@^1.3.0
yarn add --dev inject-body-webpack-plugin@^1.3.0Example
Input
webpack.config.babel.js
import HtmlWebpackPlugin from "html-webpack-plugin"
import InjectBodyPlugin from "inject-body-webpack-plugin"
export default {
plugins: [
new HtmlWebpackPlugin({
templateContent: "<html><body></body></html>"
}),
new InjectBodyPlugin({
content: '<main id=root>Hi!</main>'
}),
],
}Output
index.html
<html><body><main id=root>Hi!</main></body></html>Options
| Type | Default | Info | |
|---|---|---|---|
| content | string | <div id=root/> | The text that will be injected into the final HTML output. |
| position | string | start | If “start”, the content will be injected as close to the body opening tag as possible. If “end”, the content will be injected as close to the body ending tag as possible. |
| startTag | string | Defines how the opening tag does look like that the content will be inserted after. | |
| endTag | string | Defines how the closing tag does look like that the content will be inserted before. |
Development
Development hints for maintaining and improving inject-body-webpack-plugin
Setting up:
git clone git@github.com:jaid/inject-body-webpack-plugin.git
cd inject-body-webpack-plugin
npm installTesting in production environment:
npm run testLicense
MIT License
Copyright © 2021, Jaid <jaid.jsx@gmail.com> (https://github.com/jaid)