如何在 pnpm workspace 项目中使用 tailwindcss?
如题,我在 tailwindcss
官网中并没有找到相关解决方案。
现在的情况是我在项目根目录安装了 tailwindcss
, postcss
, autoprefixer
,并对 tailwind.config.js
中的 content
进行了修改,变成这样:
export default {
...,
content: ['./**/*.{vue,js,ts,jsx,tsx}']
}
这个改动在普通的 vue
项目中是正常生效的,因为根据文档生成了一个 css
文件并在 main.ts
引入。
但是在 workspace
项目中,我要求在该项目的任一文件中都生效,而这个改动没有效果的原因是生成的 tailwind css
文件不知道放在哪里。
我尝试了在非 packages/*
项目中引入,正常生成了一大堆 css
变量,但类名不生效。我尝试了在 packages/*
项目中引入,正常开发无效,而打包后则全部 css
都打包了,没有实现按需加载。
大佬们有没有时间指导指导?
回复
1个回答

test
2024-06-25
参考一下这个项目:https://github.com/mihailtd/demo-monorepo/blob/main/packages/tailwind-config/tailwind.config.cjs
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容