css - 使用 Tailwind CSS 为每个 HTML 生成不同的样式表以用于生产

Question

当我使用 Tailwind CSS 进行开发时，我有几个 HTML 页面（page-1.html、page-2.html 等），并且在生产模式下生成 CSS 文件时，会保存不同页面中使用的所有类在该文件 HTML 中，无论“page-1”不使用“bg-gray-100”类。

我想做的是为每个页面生成 CSS 文件，这样你就不会加载不必要的样式。当一个页面很小的时候，也许它并不多，但是当它变大时，我经常遇到这个问题。我已经通过添加 Brotli 压缩来修复它，因此加载样式所需的时间更少。

我试过用 Parcel 什么都没有，就像用 Webpack 一样。

标签： csswebpackfrontendtailwind-cssweb-frontend