# html-inline-css-webpack-plugin [![MIT Licence](https://badges.frapsoft.com/os/mit/mit.svg?v=103)](https://opensource.org/licenses/mit-license.php) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Runjuu/html-inline-css-webpack-plugin/pulls) [![Total downloads](https://img.shields.io/npm/dm/html-inline-css-webpack-plugin.svg)](https://www.npmjs.com/package/html-inline-css-webpack-plugin) [![npm version](https://badge.fury.io/js/html-inline-css-webpack-plugin.svg)](https://www.npmjs.com/package/html-inline-css-webpack-plugin) Convert external stylesheet to embedded stylesheet, aka document stylesheet. ``` => `; }, }), ... ``` ### leaveCSSFile(optional) if `true`, it will leave CSS files where they are when inlining ### replace(optional) ```typescript replace?: { target: string position?: 'before' | 'after' // default is 'before' removeTarget?: boolean // default is false } ``` 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](https://github.com/Runjuu/html-inline-css-webpack-plugin/issues/16#issuecomment-527884514) ##### example ```html ``` ```typescript ... new HTMLInlineCSSWebpackPlugin({ replace: { removeTarget: true, target: '', }, }), ... ``` ###### output: ```html ```