顺风的NextJS需要8 - 16秒才能完成

enyaitl3  于 2023-06-05  发布在  其他
关注(0)|答案(1)|浏览(225)

我是第一次使用tailwind,在开发模式下使用tailwind和nextjs会导致编译时间非常慢。
我可以确认这是通过使用顺风只是因为如果我删除

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

它给出了以ms为单位的编译时间。
我试过使用他们的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运行服务器。
任何帮助都很感激。谢谢!

fwzugrvs

fwzugrvs1#

您可以考虑删除safelist模式,或者考虑让正则表达式更严格,匹配更少的类候选。
这是因为您当前的safelist模式将匹配如此多的类候选项,并将生成许多规则,从而导致速度变慢。

相关问题