问题标签 [css-purge]

我正在使用 purgeCSS 删除未使用的 CSS。我的挑战是我需要动态地做到这一点。根据正在处理的当前 .css 文件，我需要获取其路径和文件名，以便动态插入内容 HTML 路径以运行 Purge。

这是我的代码的样子：

由于某种原因，Purge 的“htmlContentPath”为空。即使我希望“点击”插件总是为它设置一个值。结果，这会在 purgecss 上引发错误：

如上所述，此错误是由于“htmlContentPath”为空。

我尝试的另一个尝试是在 Tap 插件中执行 Purge，如下所示：

这次它没有给出错误，但是 Purge 完全被忽略了......

关于如何解决这个问题的任何解决方案？

Tailwind 和 PostCSS/PurgeCSS 相当新，所以希望这是一个相当简单的修复。

在我的tailwind.config.js中，我扩展了一些间距值，包括添加一个 0.5 值以与默认的 Tailwind 间距比例对齐。我的文件如下所示（摘录）：

然后我使用 PostCSS 编译我的 CSS，如下所示，你可以看到我使用了一堆效果很好的插件：

到目前为止，一切都很好！但是，我想清除 css 以删除 Tailwind 创建的所有未使用的实用程序类。这会影响我的 postcss 文件，如下所示：

这是我失去一些样式的地方，特别是特殊配置的 Tailwind 样式，例如 .h-0.5。

我怀疑问题出在 defaultExtractor 行内？

有谁能伸出援手吗？谢谢

我正在尝试使用laravel-mix-purgecss清除我的 css 文件。这就是我所做的：

• 使用 NPM 安装它
• 添加.purgeCss()到我的webpack.mix.js文件中
• 添加require(’laravel-mix-purgecss’);到我的app.js

但是我在运行时得到的所有东西都npm run dev失败了：

我不明白错误消息，它充满了代码，但没有有用的消息。我已经尝试重新安装它，删除node_modules和删除package-lock.json.

没有任何效果。怎么了？

我正在关注 TailwindCSS 截屏视频，边走边整理它们。

我已取消注释 a/j/p/application.js 中的 image_pack 行：

并且可以使用 erb 文件中的 image_pack_tag 从 a/j/images/ 成功提取图像。

但是，当我在生成的文件上使用 purgecss 时，purgecss 不会保留 css 类需要正确设置图像的样式。

例如，静态图像链接有效：

但是当通过 image_pack_tag 访问时：

不保留样式。

我应该如何解决这个问题？

我正在尝试使用无服务器部署我的 nuxt 应用程序，但出现错误“找不到模块 'nuxt-purgecss'”。

知道什么可以解决吗？

在我的 nuxt.config.js 下面

我的 package.json：

我添加purgecss-webpack-plugin到我的 vuetify 应用程序中。

问题是purgecss-webpack-plugin删除所有 vuetify 样式。

这就是我purgecss-webpack-plugin在 vue.config.js 中的配置方式：

应用程序.vue

在我运行 build 之后，它会删除大部分 vuetify 样式：v-application v-application--is-ltr theme--light, .v-btn.

我如何告诉 purgecss 删除我不需要的样式，但要聪明并检测到我需要的样式？

当通过 PurgeCSS 处理它时，我试图保留所有 TailwindCSS 颜色类（即 bg-green、bg-red、text-green、text-red）。这些颜色类是在 CMS 而不是代码中设置的，因此我们无法在代码中搜索它们，因为它们（全部）不存在于此处。

因此，我想使用 PurgeCSS 的白名单功能来保留所有带有 'bg-' 或 'text-' 的类。但是，我在下面的模式似乎没有奏效？任何想法如何调整它？

使用下面的配置，我能够正确地创建一个包含我所有代码的HTML文件，但其中有很多未使用的引导类。

请注意，我通过将 SCSS 文件导入node_modules代码main.scss中的文件来自定义 Bootstrap。

我哪里错了？

这是我在项目中使用的唯一且唯一的 SCSS 文件；它被导入index.js并作为整个项目的唯一样式源：

我正在制作一个全栈应用程序，它使用 Django 作为后端，使用 javascript 和 jquery 作为前端。应用程序现在完成了我想删除不需要的 css、图像、js，它们只是位于静态文件中，但没有在模板中使用是有一种方法可以删除所有这些不需要的代码，文件。我在互联网上查了一下，有像 purgecss 这样的解决方案，但他们使用 npm 运行，我没有 npm 是否有任何其他方法可以轻松或如果我必须通过使用 purgecss 来完成。你能在答案部分一直指导我吗？

谢谢

所以我将 TailwindCSS 用于我正在开发的 WP 主题。

我在创建生产级主题文件时遇到了问题，因为根据我对问题的理解，purgecss 无法识别模板部件上使用的条件类。例如，假设我创建了一个名为“business-card.php”的模板部分，我在其中传递了一个变量type（使用set_query_var/ get_query_var）：

page-about.php

业务-card.php

所以会有两个 div，一个有一个text-color-A类，另一个有一个text-color-B，两者都是使用配置文件创建的（而不是包含在基本的顺风主题中）。这在开发中很好——因为 tailwind 实际上确实从配置文件创建了实用程序颜色类。但是由于某种原因，当它在生产中（即清除和缩小）时，它没有那些实用程序类——它们仅在模板部分用作条件类（而不是在任何其他文件中）。