0

在我们的 NextJS (10.0.0) 应用程序中使用 React-bootstrap，并且需要删除未使用的 CSS，因此使用 purgecss。但是在这样做之后，所有的 CSS 都被删除了https://purgecss.com/guides/next.html。并发现这个问题是因为我们正在使用的 CSS 模块。

这是我的 postcss.config.js

module.exports = {
"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}',
          './components/**/*.{js,jsx,ts,tsx}'
      ],
      defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
      safelist: ["html", "body"]
    }
  ],
]

}

有什么方法可以删除未使用的 CSS？

4

0 回答 0