我是第一次使用tailwind，在開發模式下，將tailwind與nextjs一起使用會導致編譯速度非常慢。

我可以通過順風確認這一點，因為如果我移除

@tailwind base;
@tailwind components;
@tailwind utilities;

它給出了編譯時間，單位為毫秒。

我已經嘗試使用他們的jit和分割css文件，似乎沒有什么對我有用。我該怎么解決這個問題。

/** @type {import('tailwindcss').Config} */
const { shake } = require("./app/global/configStore/tailwind/animations");

module.exports = {
  mode: "jit",
  theme: {
    extend: {
      keyframes: {
        shake: { ...shake },
      },
      animation: {
        "error-shake": "shake 0.5s linear",
      },
    },
  },
  content: [
    "./public/*.html",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  safelist: [
    {
      pattern: /(bg|text|border)-./,
    },
  ],
  options: {},
  plugins: [],
};

我沒有在postcss.config.js文件中配置任何東西

我用yarn run dev運行我的服務器。

感謝任何幫助。謝謝！

您可以考慮刪除安全列表模式，或者讓正則表達式更加嚴格，匹配更少的候選類。

這是因為您當前的安全列表模式將匹配如此多的候選類別，并將生成許多規則，從而導致速度變慢。