Tailwind CSS 是以 JavaScript 編寫並以 npm 套件形式發布的,這意味著您一直都需要安裝 Node.js 和 npm 才能使用它。
這使得它更難整合到不常使用 npm 的專案中,而且隨著像 Rails 和 Phoenix 這些工具預設都逐漸捨棄 npm,我們需要找到一種方法讓使用者在這些專案中使用 Tailwind,而無需強迫他們採用完全不同的工具生態系統。
今天,我們宣佈推出新的獨立 CLI 建置版本,它可在一個自包含的可執行檔中提供完整的 Tailwind CLI 功能 — 無需 Node.js 或 npm。
開始使用
若要安裝它,請從 GitHub 上的最新版本取得適用於您平台的執行檔,並確保授予它執行權限。
# Example for macOS arm64curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-macos-arm64chmod +x tailwindcss-macos-arm64mv tailwindcss-macos-arm64 tailwindcss
現在您可以像使用我們的 npm 發布的 CLI 工具一樣使用它。
# Create a tailwind.config.js file./tailwindcss init# Start a watcher./tailwindcss -i input.css -o output.css --watch# Compile and minify your CSS for production./tailwindcss -i input.css -o output.css --minify
我們甚至捆綁了所有第一方外掛的最新版本,因此如果您想在專案中使用它們,只需像在基於 Node 的專案中一樣,在您的 tailwind.config.js
檔案中 require
它們即可。
module.exports = { // ... plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],};
您可以在方便攜帶的套件中獲得我們標準 npm 發布的 CLI 的所有功能 — 無需任何相依性。
它如何運作?
我們並沒有用 Rust 或其他任何語言重寫 Tailwind (還沒...) — 我們實際上是使用 pkg,這是 Vercel 推出的一個非常棒的專案,它可以讓您將 Node.js 專案轉換為可執行檔,只需將專案所需的所有部分捆綁到可執行檔本身中,即可在無需安裝 Node.js 的情況下執行。
這使您可以仍然使用具有完整 JavaScript 功能的 tailwind.config.js
檔案,而不是像 JSON 這樣的靜態格式。
我應該使用哪個 CLI?
如果您已經在專案中使用 npm,請使用我們一直提供的 npm 發布的 CLI 版本。它更容易更新,檔案大小更小,而且您已經在生態系統中 — 使用獨立建置版本完全沒有任何好處。
另一方面,如果您正在處理一個不需要 Node.js 或 npm 的專案,獨立建置版本可能是一個很好的選擇。如果 Tailwind 是您擁有 package.json
檔案的唯一原因,這可能會感覺是一個更好的解決方案。