PurgeCSS Windows 返回注释 CSS，该如何解决？

如何在 Windows 系统下避免 PurgeCSS 返回带注释的 CSS

在 Windows 系统中使用 PurgeCSS 时，你可能会遇到一个问题：即使目录结构正确，PurgeCSS 也会返回带注释的代码而不是已使用的 CSS。这可能是由于多种原因造成的，但你可以按照以下步骤解决此问题：

检查 PurgeCSS 配置文件

首先，检查 PurgeCSS 配置文件中的 content 选项是否正确列出了要扫描的 HTML 和 JS 文件。确保所有需要清理 CSS 的文件都已包含在内。

检查 CSS 文件

接下来，检查你的 CSS 文件是否包含实际使用的样式。注释掉的所有样式都不会被 PurgeCSS 删除，因此请确保 CSS 文件中仅包含需要的样式。

检查 PurgeCSS 命令

确保 PurgeCSS 命令正确指定了要扫描的 CSS 文件和输出目录。命令应如下所示：

purgecss --css css/custom.css --content 'index.php' 'js/*.js' --output C:\Users\soura\Desktop\ --print

启用源映射

在 CSS 文件中启用源映射。这将帮助 PurgeCSS 将已使用的样式映射到原始源文件。可以通过在 CSS 文件的末尾添加以下行来启用源映射：

/*# sourceMappingURL=custom.css.map */

更新 PurgeCSS

确保已安装 PurgeCSS 的最新版本。可以从官方网站下载最新版本。

使用其他选项

如果上述步骤不起作用，你可以尝试使用其他选项。例如，--print 选项可让你查看 PurgeCSS 生成的 CSS。这可以帮助你诊断问题。

常见问题解答

1. PurgeCSS 仍然返回带注释的代码。怎么办？

检查你的 CSS 文件是否包含注释掉但仍在使用的样式。PurgeCSS 不会删除注释掉的样式。

2. PurgeCSS 删除了所有 CSS。怎么办？

检查 PurgeCSS 配置文件中的 content 选项是否正确。确保它包含要扫描的所有 HTML 和 JS 文件。

3. PurgeCSS 无法找到我的 CSS 文件。怎么办？

确保 PurgeCSS 命令正确指定了 CSS 文件的路径。此外，检查 CSS 文件是否存在且可访问。

4. PurgeCSS 花费大量时间来清理 CSS。怎么办？

PurgeCSS 的清理速度可能因 CSS 文件的大小和复杂性而异。如果你的 CSS 文件很大，请考虑将其拆分为较小的文件。

5. 我需要在生产中使用 PurgeCSS 吗？

在生产中使用 PurgeCSS 不是必需的，但强烈建议使用。它可以帮助你减少 CSS 文件的大小，从而提高网站的加载速度。

结论

按照这些步骤，你可以解决 Windows 系统中 PurgeCSS 返回带注释的代码的问题。如果你遇到其他问题，请查阅 PurgeCSS 文档或寻求社区支持。