Tailwind：丢失的配置文件（如何恢复/重新生成）？

Posted 2023-03-06

【中文标题】Tailwind：丢失的配置文件（如何恢复/重新生成）？

【英文标题】：Tailwind: Lost config file (how to recover/regenerate it)?

【发布时间】：2021-11-03 01:58:00

【问题描述】：

总结：我接手管理了一个 TailwindCSS 网站，但没有 tailwind.config.js 文件。

问题：如何在没有 tailwind.config.js 文件的情况下为我的网站重建 TailwindCSS？

问题：有没有办法反向生成/创建用于生成我网站上使用的 TailwindCSS 的 tailwind.config.js 文件？

详情：我刚加入一家公司，我替换的人（离开公司）使用 TailwindCSS 建立了我们的公司网站。问题是，我找不到用于构建 Tailwind CSS 包的 config 文件 - 阻止我创建新的 html 页面。如何从现有的 CSS“反向生成”我必须重新创建用于 Tailwind 的构建 config.js 文件？

我尝试了什么：我尝试在https://play.tailwindcss.com/ 加载我们公司网站的单个页面，并（手动）迭代 config.js 文件可能包含的生成我们公司的内容网站;但是，输出完全关闭。

因此，是否有一种技术方法可以“反向生成”tailwind.config.js 导致生成我网站的 CSS 的内容？

【问题讨论】：

为什么投反对票？添加评论不是比盲目投反对票更有成效吗？这样我们就可以就您为什么认为这是一个糟糕的问题进行健康讨论。

SO 不是用来讨论事情的。它适用于可以通过引用来回答的特定编码问题。此外，问题应该具有社区利益。不符合准则的问题将被资深用户否决，以保持网站正常运行。否则网站将充斥着低质量的问题，而搜索问题的熟练开发人员将找不到任何有用的答案。

@tacoshy 假设你是反对我的人之一，我已经更新了我的帖子，以澄清我的技术问题和疑问。希望您能看到我的价值问题，因为对我来说，这完全阻碍了我目前的工作。

有没有办法：下载未清除的 default-tailwind.css 文件 b.将 my-tailwind.css 与 default-tailwind.css 进行区分（在类级别而非文件级别） c。从 diff 中删除在 default-tailwind 中找到但不在 my-tailwind d 中的任何 css 类。删除两个文件之间相同的任何类 e。 （应该留下）只有新的或从默认顺风文件更改的类因为这将是类级别（而不是文件级别）的差异，我不知道该怎么做。 @tacoshy

【参考方案1】：

我会先设置一个沙盒来试验网站重建。尝试使用默认 Tailwind 配置构建现有内容，然后将输出与您的实时站点进行比较。使用diff -ur 应该可以帮助您识别需要配置的特定功能。调整这些配置选项并重新构建，直到您的沙盒和实时站点之间的差异列表最小（日期戳或类似）。

您也可以尝试为您知道会使用的任何配置选项执行grep -r。请记住，配置文件不必称为tailwind.config.js（有关更多信息，请参阅docs）。您可能会很幸运，发现配置的名称出乎意料。

【讨论】：

我应该在我的原始帖子中声明，但是是的，我一直在 play.tailwindcss.com 测试不同的新配置文件，我在其中加载 1 页 html 并尝试手动找出我需要添加的内容到配置文件以使其呈现所需的输出。问题是，它与我继承的网站相去甚远——我担心我无法弄清楚。

有没有办法：下载未清除的 default-tailwind.css 文件 b.将 my-tailwind.css 与 default-tailwind.css 进行区分（在类级别而非文件级别） c。从 diff 中删除在 default-tailwind 中找到但不在 my-tailwind d 中的任何 css 类。删除两个文件之间相同的任何类 e。 （应该留下）只有新的或从默认顺风文件更改的类因为这将是类级别（而不是文件级别）的差异，我不知道该怎么做。

为了得到一个类一个类的差异：在确保格式与 CSS 漂亮打印机相同之后，我会在 vimdiff 中打开这两个文件。默认情况下，任何匹配的行都将被隐藏。显着更改或重新排序的部分可能看起来好像它们只存在于一个文件中。较小的更改将突出显示。