Tailwind CSS - 生产环境优化

Tailwind CSS 注重性能，旨在通过仅生成 CSS 来生成尽可能小的 CSS 文件。结合最小化和网络压缩，即使对于大型项目，通常也能生成小于 10kB 的 CSS 文件。

例如，Netflix 使用 Tailwind 来处理 Netflix Top 10 节目，整个网站通过网络传输的 CSS 大小仅为 6.5kB。

有了如此小的 CSS 文件，您无需担心复杂的解决方案，例如为每个页面拆分 CSS，只需发送一个小型 CSS 文件即可，该文件只需下载一次并缓存，直到您重新部署网站。

Tailwind CLI

如果您使用的是 CLI，只需添加"--minify"标志即可减少 Tailwind CSS 文件的大小。

npx tailwindcss -o build.css --minify

更新 PostCSS 配置

如果您已将 Tailwind 安装为 PostCSS 插件，请将 cssnano 添加到插件列表的末尾postcss.confog.js.

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