npmpackage.info

Gathering detailed insights and metrics for inject-chunk-webpack-plugin

Other packages similar to inject-chunk-webpack-plugin

@codelet/inject-chunk-webpack-plugin

0.0.7

webpack plugin inject chunk

webpack-inject-chunk-filename-plugin

1.0.12

Webpack Plugin that injects chunks filename to outputs or any files you define.

inject-chunk-hash-webpack-plugin

0.0.2

Inject information about webpack chunk

chunk-meta-webpack-plugin

1.0.2

Inject information about webpack chunk

Gathering detailed insights and metrics for inject-chunk-webpack-plugin

inject-chunk-webpack-plugin - 2.1.0 | npmpackage.info

inject-chunk-webpack-plugin

A simple webpack plugin that inject chunks into any file

2.1.0

MIT

JavaScript

49.88 kB

Installations

npm install inject-chunk-webpack-plugin

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

14.18.2

NPM Version

6.14.15 Pull Requests

Open

0

Total

1

Closed

0

Merged

1

Issues

Open

0

Total

0

Closed

0

Releases

2.1.0

v2.1.0

Updated on Jan 04, 2022

2.0.0

v2.0.0

Updated on Dec 31, 2021

1.0.0

v1.0.0

Updated on Oct 22, 2021

View All 3 releases

Languages

JavaScript

JavaScript (100%)

Developer

bigfact

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

7 Commits

1 Watchers

2 Branches

1 Contributors

Updated on Dec 31, 2021

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

2.1.0

Package Id

inject-chunk-webpack-plugin@2.1.0

Unpacked Size

49.88 kB

Size

11.97 kB

File Count

NPM Version

6.14.15

Node Version

14.18.2

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

html-webpack-plugin

inject-chunk-webpack-plugin

A simple Webpack plugin that inject chunks/content into html file

Install

npm install inject-chunk-webpack-plugin --save-dev

Usage

1. Add this plugin in webpack.config.js and configure it

1const InjectChunkWebpackPlugin = require('inject-chunk-webpack-plugin')
2const HtmlWebpackPlugin = require('html-webpack-plugin')
3const path = require('path')
4
5module.exports = {
6  mode: 'production',
7  entry: {
8    app: './app.js'
9  },
10  output: {
11    path: path.resolve(__dirname, 'dist'),
12    filename: '[name].[contenthash].js',
13    publicPath: '/'
14  },
15  plugins: [
16    new HtmlWebpackPlugin({
17      filename: './index.html',
18      template: path.resolve(__dirname, './src/index.html'),
19      chunks: []
20    }),
21    new InjectChunkWebpackPlugin({
22      filename: './index.html', // === HtmlWebpackPlugin filename
23      content: 'var a = 1;',
24      chunks: ['app'],
25      startTag: '<script id="script-app">',
26      endTag: '</script>'
27    })
28  ]
29}

2. Add custom tags to the file defined in the plugin configuration

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>inject-chunk-webpack-plugin-demo</title>
8
9    <script id="script-app"></script>
10  </head>
11
12  <body></body>
13</html>

LICENSE

MIT LICENSE

No vulnerabilities found.

No security vulnerabilities found.