Estoy usando componentes AntD en mi próximo proyecto y durante el desarrollo todo funciona bien, pero cuando construyo el proyecto, Ant-Design css no se carga correctamente. Intenté agregar "importar 'antd/dist/antd.css'" en _app, todos los componentes y páginas que usan componentes AntD sin éxito. Al inspeccionar la fuente, por alguna razón solo se cargan fotogramas clave antd, por ejemplo, antSlideUpIn, antdDrawerFadeIn

¿Hay algo que me estoy perdiendo? ¿Tiene algo que ver con el hecho de que estoy usando viento de cola? Pero con el viento de cola eliminado, todavía no funciona.

parte superior de _app.tsx

 import '../styles/index.css'; import 'antd/dist/antd.css';

índice.css

 /* purgecss start ignore */ @tailwind base; @tailwind components; @tailwind utilities; /* purgecss end ignore */

¿Tiene algo que ver con el hecho de que estoy usando Tailwind?

postcss.config.js

 module.exports = { parser: 'postcss-scss', plugins: [ 'tailwindcss', process.env.NODE_ENV === 'production' ? [ '@fullhuman/postcss-purgecss', { content: [ './pages/**/*.{js,jsx,ts,tsx}', './components/**/*.{js,jsx,ts,tsx}', ], defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [], }, ] : undefined, 'postcss-preset-env', ],

tailwind.config.js

 module.exports = { important: true, content: ["./pages/*.{js,ts,jsx,tsx}", "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}",], theme: { extend: { colors: { "gamestreet-teal-1": "#59f5ff", "gamestreet-purple-1": "#7774ff", "gamestreet-purple-2": "#a98bff", "gamestreet-purple-3": "#291749", "gamestreet-pink-1": "#ff0ff5", }, }, }, plugins: [], }