inject-html-webpack-plugin

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

inject-html-webpack-plugin

★ 8 Open GitHub ↗

inject script label and style links into your html

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

inject-html-webpack-plugin 
[![Build Status](https://travis-ci.org/ali322/inject-html-webpack-plugin.svg?branch=master)](https://travis-ci.org/ali322/inject-html-webpack-plugin)
===
[![NPM](https://nodei.co/npm/inject-html-webpack-plugin.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/inject-html-webpack-plugin/)

inspired by [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin),simple and efficient Webpack plugin that inject script label and style links into your html

Install
===

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

Usage
===

add plugin in your webpack.config.js

```javascript
var InjectHtmlPlugin = require('inject-html-webpack-plugin')

module.exports = {
    entry:{
        index:"./index.js"
    },
    module:{
        loaders:[
            ...
        ]
    },
    output:{
        path:'./dist',
        filename:'[name].min.js'
    },
    plugins:[
        new InjectHtmlPlugin({
            filename:'./index.html',
            chunks:['index'],
            transducer:"http://cdn.example.com",
            custom:[{
                start:'',
                end:'',
                content:Date.now()
            }]
        })
    ]
}
```

then add below placeholders into html file

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  
  
  
  
</head>
<body>
  
  
</body>
</html>
```

Plugin Options
===

- **transducer**: apply transducer to injected file's url,accept prepended string or function that receive file path as argument and return url string as result
- **filename**: html file path which injected 
- **chunks**: injected array of chunks
- **jsLabelTemplate**: use function to generate js Label
- **cssLabelTemplate**: use function to generate css Label
- **startJS**: start indentifier where to inject script labels,(eg: ``)
- **endJS**: end indentifier where to inject script labels,(eg: ``)
- **startCSS**: start indentifier where to inject style links,(eg: ``)
- **endCSS**: end indentifier where to inject style links,(eg: ``)
- **custom**: array of custom inject,like bundle time,accept objects contains below key/values,
    + start: inject start identifier
    + end: inject end identifier
    + content: injected content

## License

[MIT License](http://en.wikipedia.org/wiki/MIT_License)

inject-html-webpack-plugin

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README