css - Next.js + PurgeCSS + 轮播库（React-multi-carousel）

Question

Next.js + PurgeCss

我有一个旋转木马库，它在清除时删除了它的 CSS。我假设它用于在页面上应用 css 的 javascript 发生预清除安全列表检查，然后 purgecss 将其全部删除 - 所以它不会出现在生产版本中。

_app.js

import "react-multi-carousel/lib/styles.css";

这是我的 post.config.js

  plugins: [
    "postcss-flexbugs-fixes",
    [
      "postcss-preset-env",
      {
        autoprefixer: {
          flexbox: "no-2009",
        },
        stage: 3,
        features: {
          "custom-properties": false,
        },
      },
    ],
    [
      "@fullhuman/postcss-purgecss",
      {
        content: [
          "./pages/*.{js,jsx,ts,tsx}",
          "./pages/**/*.{js,jsx,ts,tsx}",
          "./components/*.{js,jsx,ts,tsx}",
          "./components/**/*.{js,jsx,ts,tsx}",
          "./node_modules/react-multi-carousel/**/*.{js,jsx,ts,tsx}",
        ],
        defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
        safelist: {
          standard: ["html", "body"],
          deep: [],
          greedy: [/^react.*/, /^navbar.*/],
        },
      },
    ],
  ],
};

关于我还能做些什么来完成这项工作的任何想法？