Files
index.html
<html>
<body>
<h1>Hello</h1>
</body>
</html>
style.css
body {
background: red;
}
Webpack
npm i -D github:DustinJackson/html-webpack-inline-source-plugin
// ...
const HtmlWebpackInlineStylePlugin = require('html-webpack-inline-style-plugin');
const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
// ...
plugins: [
// ...
new HtmlWebpackPlugin({
inlineSource: '.css$',
}),
new HtmlWebpackInlineSourcePlugin(),
new HtmlWebpackInlineStylePlugin(),
],
// ...
Result
<html>
<head>
<style type="text/css">
body { background: red; }
</style>
</head>
<body>
<h1>Hello</h1>
</body>
</html>