编译tailwindcss + typescript

Question

我有一个非常简单的应用程序，其中包含一些 html、css 和 ts 文件。 我使用swc编译打字稿并复制 html/css/assets。 现在，我希望为我的项目添加顺风，但我不确定它将如何适应构建过程。

目前，我的构建非常简单，我只运行swc src -Dw --out-dir=built 。 但是，我不确定 swc 和顺风之间的相互作用。 我应该先在我的 src 目录上运行 tailwind，构建到某个中间目录，然后在该目录中运行 swc 吗？ 顺风甚至可以处理 ts 文件吗？

所有在线资源似乎都是为使用 react/nextjs 的人量身定制的，而且我不理解复杂的构建系统。

Answer 1

TailwindCSS 独立于 SWC。 因此，您可以按任一顺序分别运行它们。 您可以在源文件上运行它们，而不是在编译后的 JavaScript 上。

我会考虑使用 TailwindCSS CLI。 它的文档页面准确地概述了如何将生成的 css 导入您的简单应用程序。 https://tailwindcss.com/docs/installation