用Turborepo、SvelteKit和Tailwind在monorepo中的造型问题
用Turborepo、SvelteKit和Tailwind在monorepo中的造型问题
提问于 2022-05-05 14:46:10
我用Turborepo创建了一个monorepo，其中包含2个SvelteKit应用程序和2个包:一个组件库(也基于SvelteKit)和一个配置包。
root
|
|- packages
| |- component-library
| `- config
|
`- apps
|- app1
`- app2配置包包含Tailwind和PostCSS配置文件，这些文件用于组件库和两个应用程序中。
我的问题是从组件库导入的组件在app1中正确显示，但在app2中似乎与Tailwind类有问题。有些课程是存在的，但有些则没有。我用的是JIT模式下的尾风。
旧包的版本：
"turbo": "^1.2.4",
"svelte": "^3.34.0",
"@sveltejs/kit": "1.0.0-next.316",
"tailwindcss": "3.0.23",我甚至不确定这是否是因为SvelteKit，但如果有人有类似的Turborepo-SvelteKit-尾风设置的经验，我会感谢一些帮助。
Stack Overflow用户
回答已采纳
发布于 2022-07-02 08:45:32
因此，事实证明(2个月后)，问题是在每个应用程序中分别安装了Tailwind。相反，您应该在monorepo的PostCSS根目录下安装Tailwind (以及PostCSS和自动重定位器)。配置文件可以保留在单独的包中，并可以从其中导入。
所以我的根package.json现在是这样的：
"devDependencies": {
"autoprefixer": "^10.3.4",
"postcss": "^8.2.15",
"tailwindcss": "^3.1.4",
"turbo": "^1.3.1"
}而tailwind.config.cjs包中的两个app文件如下所示：
module.exports = require('config/tailwind.config.cjs')另外，不要忘记将main tailwind.config.cjs (例如：packages/config/tailwind.config.cjs__)中的路径添加到包含Tailwind类的文件中。
我的有：
content: [
'../../packages/component-library/src/**/*.{html,js,svelte,ts,svx}',
'./src/**/*.{html,js,svelte,ts,svx}'
]因此，这意味着无论哪个应用程序导入配置文件，尾风都应该查看component-library包和当前应用程序源文件.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72129162
复制相关文章
相似问题
腾讯云开发者
