如何在 pnpm workspace 项目中使用 tailwindcss?

作者站长头像
站长
· 阅读数 30

如题,我在 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个回答
avatar
test
2024-06-25
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容