webpack plugin for critical css, based on critical, with publicPath supportive.
$ yarn add critical-css-webpack-plugin --dev
webpack.config.js
const CriticalCssPlugin = require('critical-css-webpack-plugin')
...
plugins: [
new CriticalCssPlugin()
]
...
same as critical options
default options
{
base: {webpack.output.path},
src: 'index.html',
target: 'index.html',
inline: true,
extract: true,
width: 375,
height: 565,
css: [/* all css assets emit by webpack */]
}
You pass options to overwrite default value.
webpack.config.js
...
plugins: [
new CriticalCssPlugin({
// your options
})
]
...