Cannot read property 'compilation' of undefined

I don’t know what’s going on here. Just reporting a bug.

⠋ building for production.../Users/vasyl/code/node_modules/critters-webpack-plugin/dist/critters.js:181
    compiler.hooks.compilation.tap(PLUGIN_NAME, function (compilation) {
                   ^

TypeError: Cannot read property 'compilation' of undefined
    at Critters.apply (/Users/vasyl/code/node_modules/critters-webpack-plugin/dist/critters.js:181:20)
    at Compiler.apply (/Users/vasyl/code/node_modules/tapable/lib/Tapable.js:375:16)
    at webpack (/Users/vasyl/code/node_modules/webpack/lib/webpack.js:33:19)
    at err (/Users/vasyl/code/build/build.js:19:5)
...

Webpack 3. VueJS project. Happens regardless of where in the plugin array I add critters.

I am far from being the best frontend developer. Not familiar with how webpack works either.

[developit]

Ah - I think right now we require Webpack 4+, but it would be a simple change to support 3 and prior.

[koresar]

Finally I applied Critters to my project. And I must say that’s a huge relief!

• The critical has 24 security issue (as per npm audit) and none was going to fix them
• Much smaller node_modules
• Faster, lighter builds
• Just 1 line my vue.config.js - config.plugins.push(new (require("critters-webpack-plugin"))());.