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

【问题标题】：What is the reason I have to compile tailwind css on my own我必须自己编译tailwind css的原因是什么
【发布时间】：2022-01-16 02:03:57
【问题描述】：

首先，在我使用 npm/x 安装后，我可以添加自己的规则，然后编译并最终得到一个工作表，这太棒了。除了这个原因，还有什么其他原因我必须自己编译它吗？我的意思是，如果最终的安装过程以 .css 文件结束，然后我将其添加到我的 .css 文件中，为什么不将可下载的功能齐全的 css 文件作为安装选项与它提供的其他安装选项一起使用呢？他们确实有 CDN，但文档特别提到它仅用于开发目的。

【问题讨论】：

标签： css tailwind-css

【解决方案1】：

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

@apply 示例：

 .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 更容易地导入库 adhoc。这是一个js导入，在某些环境下更兼容。

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

【讨论】：