New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →

inject-body-webpack-plugin

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

inject-body-webpack-plugin

Webpack plugin that injects a custom string into the body of the html-webpack-plugin output.

1.3.0
latest
Source
npm

Version published: 4 years ago

Weekly downloads: 678; decreased by-18.9%

Maintainers: 1

Weekly downloads

Created: 5 years ago

Source

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.0

Example

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 inject 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.

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 install

Testing in production environment:

npm run test

License

Keywords

FAQs

What is inject-body-webpack-plugin?

Is inject-body-webpack-plugin popular?

Is inject-body-webpack-plugin well maintained?

Package last updated on 19 Jun 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install