性能优化简介
Tailwind CSS非常注重性能，它的目标是生成尽可能小的CSS文件，只包含你在项目中实际使用的CSS。
CSS文件大小优化
通过结合最小化和网络压缩技术，Tailwind CSS可以使大型项目的CSS文件大小也保持在10kB以下。例如，Netflix使用Tailwind为其“Netflix Top 10”功能服务，整个网站通过网络传输的CSS文件大小仅为6.5kB。
无需CSS拆分
由于CSS文件非常小，你无需担心为每个页面拆分CSS的复杂解决方案。相反，你可以只发送一个小的CSS文件，该文件只需下载一次并缓存，直到你重新部署网站。
最小化CSS文件
为了获得尽可能小的生产构建版本，建议使用像cssnano这样的工具来最小化你的CSS文件，并使用Brotli进行压缩。
- 如果你使用Tailwind CLI：可以通过添加
--minify标志来最小化你的CSS文件。例如：
npx tailwindcss -o build.css --minify
如果你将Tailwind作为PostCSS插件安装：可以在你的插件列表末尾添加cssnano。例如，在postcss.config.js文件中：
module.exports = {
plugins: {
tailwindcss: {}, autoprefixer: {},
...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
}
}
框架中的自动处理
如果你使用的是框架，请查阅文档，因为在生产环境中这通常会自动为你处理，你甚至不需要进行配置。
