如何在Next js自定义postCSS配置中配置Scss和purgeCss

xdnvmnnf  于 2022-12-23  发布在  其他
关注(0)|答案(1)|浏览(193)

我正在使用ScssBootstrap来设计我的项目。为了用purgeCss删除未使用的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"],
      },
    ],
  ],
};

问题是postCss忽略了我的Scss文件,不显示样式。我如何将Scss添加到postcss.config.js文件?

9cbw7uwe

9cbw7uwe1#

问题来自@fullhuman/postcss-purgecss。您可以删除它。

[
      "@fullhuman/postcss-purgecss",
      {
        content: [
          "./pages/**/*.{js,jsx,ts,tsx}",
          "./components/**/*.{js,jsx,ts,tsx}",
        ],
        defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
        safelist: ["html", "body"],
      },
    ],

然后再次使用scss。或者您可以更改有关内容的设置。

相关问题