This plugin fixed problems for style-ext-html-webpack-plugin whoes current version does not supporte webpack 4. The funtionality is to extract CSS file in inline style.
npm i --save-dev style-ext-html-webpack-plugin-webpack-4##Usage
const HtmlWebpackPlugin = require('html-webpack-plugin');
const StyleExtHtmlWebpackPlugin = require('style-ext-html-webpack-plugin-webpack-4');
new HtmlWebpackPlugin({
plugins: [
new HtmlWebpackPlugin({
filename: 'test.html',
template: 'src/assets/test.html'
}),
// this one should be placed after HtmlWebpackPlugin
new StyleExtHtmlWebpackPlugin()
]
});The output will like:
<!DOCType html>
<html>
<head>
<!--transform inline link tag to style tag-->
<style>body,h1,h2{margin:0;padding:0}</style>
</head>