Gathering detailed insights and metrics for html-webpack-inject-code-plugin
Gathering detailed insights and metrics for html-webpack-inject-code-plugin
Installations
npm install html-webpack-inject-code-pluginDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Min. Node Version
>=6.9
Node Version
12.16.2
NPM Version
6.7.0
Releases
Unable to fetch releases
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Maintainers
1
Package Meta Information
Latest Version
1.0.1
Package Id
html-webpack-inject-code-plugin@1.0.1
Unpacked Size
7.47 kB
Size
2.87 kB
File Count
4
NPM Version
6.7.0
Node Version
12.16.2
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
Peer Dependencies
2
Inject Code tag for the HTML Webpack Plugin
This is an extension plugin for the webpack plugin html-webpack-plugin (version 3.x or 4 or higher). It allows you to embed javascript and css source inline.
Installation
You must be running webpack on node 6 or higher.
Install the plugin with npm:
1$ npm install --save-dev html-webpack-inject-code-plugin
Basic Usage
Require the plugin in your webpack config:
1var HtmlWebpackInjectCodePlugin = require('html-webpack-inject-code-plugin');
Add the plugin to your webpack config as follows:
1plugins: [ 2 new HtmlWebpackPlugin(), 3 new HtmlWebpackInjectCodePlugin() 4]
The above configuration will actually do nothing due to the configuration defaults.
Options
The available options are:
headTags|bodyTags:arraytagsName:string, Specifies the code extensions to use to determine. One of thescriptorstylevalues;tagsCode:stringInserted specific code.
Example
config code
1plugins: [ 2 new HtmlWebpackPlugin(), 3 new HtmlWebpackInjectCodePlugin({ 4 headTags: [{ 5 tagName: 'script', 6 tagCode: `var startTime = +new Date();` 7 }], 8 bodyTags: [{ 9 tagName: 'script', 10 tagCode: `var endTime = +new Date();` 11 }] 12 }) 13]
Source html code
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 7 <title>Example</title> 8 </head> 9 <body> 10 <noscript> 11 <strong>很抱歉，如果没有启用JavaScript，此项目将无法正常运行。请启用它。</strong> 12 </noscript> 13 <div id="app"></div> 14 <!-- built files will be auto injected --> 15 </body> 16</html> 17
Build compiled code
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 7 <title>Example</title> 8 <script type="text/javascript">var startTime = +new Date();</script> 9 </head> 10 <body> 11 <noscript> 12 <strong>很抱歉，如果没有启用JavaScript，此项目将无法正常运行。请启用它。</strong> 13 </noscript> 14 <div id="app"></div> 15 <!-- built files will be auto injected --> 16 <script type="text/javascript">var endTime = +new Date();</script> 17 </body> 18</html>
No vulnerabilities found.
No security vulnerabilities found.