在我们的 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?