Сбой Criticalcss при первоначальной сборке с веб-пакетом
Поэтому я использую Webpack, чтобы связать мои js и css.
Я добавил критический плагин Webpack для вывода внешнего CSS-файла с критическими стилями. Этот файл добавляется в мой (веточка) шаблон.
Он работает нормально, если я запускаю Webpack во второй раз, хотя первоначальная сборка завершается неудачно, и я получаю сообщение об ошибке, в котором говорится, что не удается найти основной сгенерированный файл CSS. Как открыть основной вывод файла CSS из ExtractTextPlugin для критически важного Webpack-плагина, позволяющего ему использовать файл и создать критический файл CSS при первоначальной сборке?
2 ответа
Для любого, кто застрял на этом. Используйте этот плагин; https://www.npmjs.com/package/html-critical-webpack-plugin
Он строит критические стили ПОСЛЕ того, как sass был скомпилирован.
Думаю это невозможно.
https://github.com/nrwl/webpack-plugin-critical/blob/master/src/critical.ts#L129
Вы можете видеть, что webpack-plugin-критический использует ловушку событий "emit", файлы ресурсов которой еще не сгенерированы компилятором webpack.
С другой стороны, я рекомендую вам использовать другую независимую конфигурацию веб-пакета специально для генерации критических css.