html-inline-css-webpack-plugin weekly downloads statistics

html-inline-css-webpack-plugin

Convert external stylesheet to embedded stylesheet, aka document stylesheet.

Require mini-css-extract-plugin and html-webpack-plugin

Install

NPM

Yarn

Minimal example

Config

filter(optional)

Return true to make current file internal, otherwise ignore current file. Include both css file and html file name.

example

styleTagFactory(optional)

Used to customize the style tag.

example

leaveCSSFile(optional)

if true, it will leave CSS files where they are when inlining

replace(optional)

A config for customizing the location of injection, default will add internal style sheet before the

target

A target for adding the internal style sheet

position(optional)

Add internal style sheet before/after the target

removeTarget(optional)

if true, it will remove the target from the output HTML Please note that HTML comment is removed by default by the html-webpack-plugin in production mode. #16

example

output: