Можно ли использовать 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?