Можно ли использовать GoogleChromeLabs/critters для Laravel Mix 3.0? (критический CSS)

Я хотел бы использовать твари для моего проекта Laravel, однако я не уверен, возможно ли это вообще.

В настоящее время я использую 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. на компиляции. (.../node_modules/ Зубастики-WebPack-плагин / расстояние /critters.js:166:39)

Я не совсем уверен, зачем мне это нужно или как я могу сочетать это с Laravel. В коде Critters я вижу, что мне нужен html-webpack-plugin, но я не совсем понимаю, зачем мне нужен индексный HTML-файл, когда мы запускаем Laravel с index.php.

Кто-нибудь успешно использует тварей с Laravel?

0 ответов

Другие вопросы по тегам