Javascript 为什么css类不包含在捆绑css中?

Javascript 为什么css类不包含在捆绑css中?,javascript,css,reactjs,webpack,next.js,Javascript,Css,Reactjs,Webpack,Next.js,我正在使用postss purgecss插件删除未使用的css文件。我面临的一个问题是,我的一个类在捆绑包中没有preserve,为什么 这是我的配置文件 { "plugins": [ "postcss-flexbugs-fixes", [ "postcss-preset-env", { "autoprefixer": { "f

我正在使用
postss purgecss
插件删除未使用的css文件。我面临的一个问题是,我的一个类在捆绑包中没有
preserve
,为什么

这是我的配置文件

{
  "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}",
          "./src/pages/**/*.{js,jsx,ts,tsx}",
          "./components/**/*.{js,jsx,ts,tsx}",
          "./src/components/**/*.{js,jsx,ts,tsx}",
          "./src/core/components/**/*.{js,jsx,ts,tsx}"
        ],
        "safelist": [
         "body",
         "html",
         ".f20 [class^='icn-']:before,.f20 [class*=' icn-']"
        ]
      }
    ]
  ]
}
为什么不保留该类
”.f20[class^='icn-']:在.f20[class*='icn-']之前,
它应该存在于包中

检查生成的步骤

  • 关闭终端并运行
    npm run build
  • 它创建
    。接下来
    文件夹在这里面有
    静态文件夹
    在这里面有
    css
    文件夹,您可以在其中检查输出
  • 有更新吗