針對生產環境進行最佳化

Tailwind CSS 非常注重效能，並旨在透過只產生專案中實際使用的 CSS 來產生最小的 CSS 檔案。

結合壓縮和網路壓縮，這通常會產生小於 10kB 的 CSS 檔案，即使是大型專案也是如此。例如，Netflix 使用 Tailwind 來製作 Netflix 前 10 名，而整個網站僅透過網路傳送 6.5kB 的 CSS。

有了這麼小的 CSS 檔案，您不必擔心複雜的解決方案，例如為每個頁面拆分 CSS 程式碼，而可以只傳送一個小型 CSS 檔案，下載一次並快取，直到您重新部署網站。

對於最小的可能製作版本，我們建議使用像 cssnano 這樣的工具來縮小您的 CSS，並使用 Brotli 壓縮您的 CSS。

如果您正在使用 Tailwind CLI，您可以透過新增 --minify 旗標來縮小您的 CSS

npx tailwindcss -o build.css --minify

如果您已將 Tailwind 安裝為 PostCSS 外掛程式，請將 cssnano 新增到您的外掛程式清單的結尾

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
  }
}

如果您正在使用架構，請查看文件，因為這通常會在製作時自動為您處理，您甚至不需要設定它。