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 }) ] ...