使用 PurgeCSS 删除未使用的 CSS 代码 删除不必要的代码将使您的网站加载速度更快，因为浏览器将请求和解析更少的代码。在本教程中，我们将探讨 PurgeCSS，这是一种用于删除未使用的 CSS 代码的工具。通过将 PurgeCSS 纳入我们的开发工作流程，我们可以轻松删除未使用的 CSS，从而减小 CSS 文件的体积，提高应用程序的整体性能。 未使用的 CSS 的问题 当使用像 Tailwind CSS 和 Bootstrap 这样的 CSS 框架时，我们经常会发现项目中存在未使用的 CSS 代码。这可能会导致性能问题，例如应用程序加载时间变长。 例如，Tailwind 使用 PurgeCSS 自动从最终构建中删除未使用的 CSS。Netflix Top 10 在整个网站上使用 Tailwind，只需要 6.5kB 的 CSS 文件。如果不删除未使用的 CSS，则 CSS 文件大小将是最终构建大小的十倍。 这是因为在开发过程中，您会使用类或声明，最终可能并未使用它们。这并不是开发者的错误，这种情况是难免的。因此，为了尝试您心中的设计，生成了越来越多的类（例如 Tailwind 中的类），您的 CSS 文件就会变得越来越大。 什么是 PurgeCSS？ PurgeCSS 是一种用于删除未使用的 CSS 的工具。它在优化应用程序以用于生产环境时非常有用。当您使用 CSS 框架，如 Bulma、Bootstrap 或 Tailwind 时，您会发现有很多未使用的 CSS。虽然这在开发过程中很好，但对于生产环境来说可能会导致性能问题。 这就是 PurgeCSS 发挥作用的地方。它分析您的内容以及您的 CSS 文件，以确定哪些样式未使用，并立即将其删除。PurgeCSS 与最常见的 JavaScript 库/框架一起工作，例如 Vue.js、React、Gatsby 等。 ...