Laravel Mix 3.0是否可以使用GoogleChromeLabs / critters？ （关键CSS）

Question

我很想在我的Laravel项目中使用critters，但是我不确定这是否可能。

当前，我正在将Laravel Mix 3.0与Webpack 3一起使用。

我尝试将这种设置用于生产Laravel Mix设置，但没有运气：

//extract all into vendors (works in laravel mix 4.0 automatically)
require('laravel-mix-auto-extract');

const Critters = require('critters-webpack-plugin');

mix.js('resources/js/app.js', 'public/js')
    .js('resources/js/canvas.js', 'public/js')
    .js('resources/js/lib/moment.js', 'public/js') //to activate moment
    .sass('resources/sass/app.scss', 'public/css')
    .webpackConfig({
        plugins: [
            // reduce bundle size by ignoring moment js local files
            new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
            //ignores chinese language for the calendar
            new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en'),
            new Critters()
        ],
        //https://github.com/JeffreyWay/laravel-mix/issues/1249#issuecomment-335112415
        output: {
            publicPath: '/',
            chunkFilename: 'js/[name].[chunkhash].js',
        },
    })
    .autoExtract(); //delete this in future

if (mix.inProduction()) {
   mix.version();
}

我得到了错误：

  

92％的块资产优化错误：找不到HTML资产。 s在编译时。 （... / node_modules / critters-webpack-plugin / dist / critters.js：166：39）

我不确定我为什么需要这个，或者我如何将其与Laravel结合使用。在Critters的代码中，我看到我需要html-webpack-plugin，但是当我们使用index.php启动Laravel时，我并没有真正理解为什么需要索引HTML文件。

有人在Laravel上成功使用了生物吗？