如何在 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` 都打包了,没有实现按需加载。 大佬们有没有时间指导指导?

阅读量:93

点赞量:0

问AI
D_Y_大师
参考一下这个项目:"https://github.com/mihailtd/demo-monorepo/blob/main/packages/tailwind-config/tailwind.config.cjs" (https://link.segmentfault.com/?enc=ItzC1txi8qNI2Kuqr0svdw%3D%3D.LbDio6RzUAfLIL1vg7NRPvH8gQhcUs57oOrZHv%2FWkZ5rg9UGfrIojyEPyCRYxLp2i4nTvD%2FeTAynpMUHkj%2Fg9bN4RfKm4kmCkdhEkbNU3BLrlrc7CZSUPb4xCz3OOR0Zi80gC0Y0xufD2R3f2100Yg%3D%3D)