html-webpack-inject-plugin
TypeScript icon, indicating that this package has built-in type declarations

5.3.1 • Public • Published

html-webpack-inject-plugin

node npm license Build Status Standard - JavaScript Style Guide

inject external tag to html

Installation

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

Usage

Require the plugin in your webpack config

import HtmlWebpackInjectPlugin from 'html-webpack-inject-plugin'
// or
const HtmlWebpackInjectPlugin = require('html-webpack-inject-plugin').default

Add the plugin to your webpack config as follows

plugins: [
  new HtmlWebpackPlugin({
    filename: 'index.html'
  }),
  new HtmlWebpackPlugin({
    filename: 'other.html'
  }),
  new HtmlWebpackInjectPlugin({
    externals: [
      {
        tagName: 'script',
        attributes: {
          src: 'common-script.js',
          type: 'text/javascript'
        }
      },
      {
        tagName: 'script',
        attributes: {
          src: 'only-inject-to-other-script.js',
          type: 'text/javascript'
        },
        include: ['other.html']
      }
    ],
    prepend: true // default is false
  })
]

Options

  • externals: <HtmlAssetItem>[]: external HTMLTagObject which you want to add
  • prepend: insert before parent first child

Readme

Keywords

Package Sidebar

Install

npm i html-webpack-inject-plugin

Weekly Downloads

272

Version

5.3.1

License

MIT

Unpacked Size

7.82 kB

Total Files

5

Last publish

Collaborators

  • kagawa