Далее js 9.3 попутный ветер css + сборка antd отсутствует css

Question

Я следую этим 2 примерам, чтобы настроить следующий js + проект Tailwind css + Antd:

• next js -with-antd
• следующий js -с-попутным ветром css

Я могу yarn dev без проблем, но когда я пытался yarn build и yarn start проект, antd's css отсутствует.

Вот мой репо для воспроизведения проблемы.

Редактировать: I обнаружил, что когда я удаляю плагин очистки css в postcss.config.js проблема решена. Таким образом, проблема в том, что purge css удаляет все внешние файлы css, когда yarn build. Как мне обновить пост css config?

Edit 2: Попытка игнорировать очистку для внешних файлов не сработала:

/* purgecss start ignore */
@tailwind base;
@tailwind components;
@import '~antd/dist/antd.css';
/* purgecss end ignore */

Answer 1

Вам необходимо включить все antd css файл (ы) в _app.js. Как правило, любые сторонние css, s css файлы должны быть явно импортированы.

Существует два способа go об этом -

Просто импортируйте один файл, большой пакет, все данные css -

import 'antd/dist/antd.css'

Или импорт компонентов по мере необходимости, оптимизированный пакет -

import 'antd/es/tooltip/style/index.css';
import 'antd/es/select/style/index.css';
import 'antd/es/switch/style/index.css';