我必须自己编译 tailwind css 的原因是什么

Question

首先，我知道在使用 npm/x 安装后，我可以添加自己的规则，然后编译并以单个 sheet 结束，这太棒了。除了这个原因，还有什么其他原因我必须自己编译吗？我的意思是，如果最终安装过程以 .css 文件结束，然后我将其添加到我的 .它提供？他们确实有一个 CDN，但文档特别提到它仅用于开发目的。

Answer 1

因为您可以根据您的设置生成不同的顺风 css。例如，您可以添加具有不同配色方案的主题或边距间距。您也可以直接在 sass 文件中使用 @apply 规则，这样您就可以编写 css shorthand.

@应用示例：

 .btn-primary {
    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }

这被编译为

.btn-primary {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    ...
}

如果您没有使用这些东西中的任何一个，那么实际上没有充分的理由将其包含在您的构建过程中。 Tailwind 承认这一点，并使使用他们的 cdn 临时导入库变得更加容易。它是一个 js 导入，以在某些环境中更兼容。

<script src="https://cdn.tailwindcss.com"></script>

我必须自己编译 tailwind css 的原因是什么

What is the reason I have to compile tailwind css on my own

css

tailwind-css