我是第一次使用tailwind，在開(kāi)發(fā)模式下，將tailwind與nextjs一起使用會(huì)導(dǎo)致編譯速度非常慢。

我可以通過(guò)順風(fēng)確認(rèn)這一點(diǎn)，因?yàn)槿绻乙瞥?/p>

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

它給出了編譯時(shí)間，單位為毫秒。

我已經(jīng)嘗試使用他們的jit和分割css文件，似乎沒(méi)有什么對(duì)我有用。我該怎么解決這個(gè)問(wèn)題。

/** @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: [],
};

我沒(méi)有在postcss.config.js文件中配置任何東西

我用yarn run dev運(yùn)行我的服務(wù)器。

感謝任何幫助。謝謝！

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

這是因?yàn)槟?dāng)前的安全列表模式將匹配如此多的候選類別，并將生成許多規(guī)則，從而導(dǎo)致速度變慢。