NextJS 9.3 tailwindcss + antd构建缺少CSS

Question

我正在遵循以下两个示例来设置Nextjs + Tailwindcss + Antd项目：

• nextjs-with-antd
• nextjs-with-tailwindcss

我能够yarn dev没问题，但是当我尝试yarn build和yarn start项目时，antd的css丢失了。

这是我的repo，以重现该问题。

编辑： 我发现，当我在postcss.config.js中删除清除css插件时，此问题已解决。因此，问题是清除yarn build时清除css的所有外部css文件。我应该如何更新postcss配置？

修改2： 尝试忽略清除外部文件没有用：

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

Answer 1

您需要在unique = new Set(YourArray); console.log(unique.size) 中包括所有antd个css文件。通常，任何第三方css，scss文件都需要明确导入。

有两种解决方法-

只需导入一个文件，更大的捆绑包，所有antd css -

_app.js

或者按需将组件明智地导入为＆，优化捆绑包-

import 'antd/dist/antd.css'