我是第一次使用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运行服务器。
任何帮助都很感激。谢谢!
1条答案
按热度按时间fwzugrvs1#
您可以考虑删除
safelist
模式,或者考虑让正则表达式更严格,匹配更少的类候选。这是因为您当前的
safelist
模式将匹配如此多的类候选项,并将生成许多规则,从而导致速度变慢。