我是第一次使用 TailwindCSS,而且是在 Next.js 项目中。我按照他们的文档“如何在 Nextjs 中使用 tailwind”并尝试在 中添加颜色tailwind.config.js,但最终破坏了所有颜色。其他风格也可以。
我在 Tailwind 上观看了 YouTube 视频,但那家伙正在常规HTML/CSS项目中使用它。public/styles.css他通过运行在 a 中输出文件tailwindcss build styles/globals.css -o public/styles.css,但我styles/globals.css按照文档在 Next.js 中使用。
我的tailwind.config.js文件:
module.exports = {
purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
colors: {
//ADDED THIS
white: {
0: "#fff",
},
},
},
variants: {
extend: {},
},
plugins: [],
};
Run Code Online (Sandbox Code Playgroud)