將 tailwincss 轉換為正常 CSS？

Question

我得到了一個使用 tailwindcss 編寫的 html 文件，我正在嘗試弄清楚如何將所有內容轉換為正常的 CSS。我找到了一個可以執行 class 的轉換，但這需要我從中提取數千個類手動輸入代碼，然后重新粘貼。 有沒有什么工具可以讓我上傳整個 html 文件，它會為我生成一個 CSS 版本，還是我必須手動完成整個轉換？ 我更喜歡在線的東西，因為我不想 go 雖然必須安裝一堆第三方工具，在那里學習系統，進行轉換，然后卸載所有東西。

Answer 1

將您的html code粘貼到 tailwind tailwind-playground

您可以在generated css files選項卡中訪問 css。

例子

根據tailwind-css 文檔

當您在 CSS 中包含 @tailwind base 時，Tailwind 會自動注入這些 styles（生成的 css 的前 552 行）

您可以通過在tailwind.config.cs中設置preflight = false來刪除這些基類

module.exports = {
  corePlugins: {
    preflight: false,
  }
}

Answer 2

您可以使用此工具： https://tailwind-to-css.vercel.app/將 tailwind CSS class 轉換為 normal CSS。