如何在 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 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容