如何让Tailwind在Next.js项目根目录的./pages目录中生效?
项目操作及配置说明
- 使用
npx create-next-app创建新的 Next.js 项目,同时集成 TypeScript 和 Tailwind CSS - 在项目根目录创建
./pages目录,并在该目录下新增testcss.tsx文件 - 编辑
tailwind.config.js,添加如下路径配置项:
原因是默认的 Tailwind 配置仅会扫描'./pages/**/*.{js,ts,jsx,tsx,mdx}'src/pages目录下的文件,添加该配置后才能让根目录下的./pages目录中的文件被 Tailwind 识别。
以上为最小可复现操作流程。
内容的提问来源于stack exchange,提问作者user3091996
相关产品推荐
相关产品推荐

