问题标签 [css-purge]

如何使用 CSS-Purge 清理我的代码，而不会丢失我的注释和我的 css 文件中的所有格式？

谢谢 ：）

我尝试使用 CSS-PURGE 作为系统即服务来通知用户是否可以在他或她的 CSS 中做得更好。因此，我希望 CSS-PURGE 给我一份报告，它应该适用于以下配置：

我将此代码保存在 a 中config_css.json，并将其放在项目文档根目录中。然后，在同一目录中，我使用了以下测试命令：

该-d参数在文档中描述：

-d：使用默认配置文件运行（config_css.json 必须存在于文件夹中）

我还尝试了-f使用相对路径和绝对路径的参数：

但是，没有生成报告，当我向配置 JSON 添加其他选项时，它们不会影响执行。看起来配置没有被加载。

我在这里做错了什么，没有让 CSS-PURGE 生成报告，或者他们的结果可能有什么问题吗？

在非 Laravel 项目中使用 PurgeCSS 和 Laravel Mix。

一切正常，但我想在我的响应实用程序类中使用一些特殊的非 CSS 字符，但 PurgeCSS 正在剥离它们，即使它们存在于标记中。

我的示例类是：

在 css 中，它被写成：

PurgeCSS 对冒号没有问题，因为以下类表现良好：

有什么办法可以使这项工作按预期进行吗？

谢谢

我正在尝试部署一个 vue-cli-3 项目。我使用 TailwindCSS 并创建了一个vue.config.js文件，它正在工作，但不包括响应类。我在 webpack.config.js 文件中使用提取器搜索了一个正则表达式，但它没有用。我应该怎么做才能让这个工作？

这是我的vue.config.js文件

我应该把提取器数组放在哪里？

我希望我导出的文件的 css 行按照我想要的顺序排列，但事实并非如此。如何设置 css-purge 以按照应该的顺序和我放入的顺序清除我的 css 文件。

我正在构建一个新的 gulpfile，其中一项任务是使用 purgecss

但是，每次我运行任务时都会收到此错误。

我不明白为什么会发生这种情况，谷歌搜索对我没有帮助。Javascript 对我来说不是一个强大的领域。

吞咽任务。

感谢你的帮助。

编辑- 切换到一个简化的任务，但仍然得到同样的错误

第一次使用 laravel mix，我确定我错过了一些简单的东西。

我有一个项目，我正在尝试使用 Laravel mix 编译 tailwindcss，然后使用 purge 删除任何未使用的 css。

包.json

webpack.mix.js：

当我运行 npm run prod 时，一切似乎都正常工作。然而，在导出的 styles.css 中，唯一的样式来自 tailwind/base

样式.css

我的 templates/index.twig 文件中的所有类都没有添加，./components/shared.css 文件中的样式也没有添加。

类同时存在于 index.html 和 shared.css 中，因此不应被清除

当我删除 purgeCSS时，输出 css 文件包含预期的所有内容。但是，当在唯一的输出中添加 purge 时，tailwind/base css 。

请指教。

这是我的目录结构的屏幕截图

我正在使用 Nuxt.js 并使用 Nuxt-PurgeCSS：https ://github.com/Developmint/nuxt-purgecss

这个项目使用我自己的 CSS，类似于 Tailwind（基于实用程序），我有一些使用 @ 符号的类。

这个包的默认正则表达式是：

有以下课程：

它正确清除了第二个，因为它与提取器的正则表达式不匹配。

我想通过将 Nuxt 配置中的 purgeCSS 配置更新为以下内容：

这个新的提取器包含 @ 符号，但仍使用 @ 符号清除类名。我尝试了以下正则表达式：

看看它是否正确地剥离了所有东西（作为测试），但它仍然保留第一类并清除第二类，即使它不应该匹配任何东西。

这让我相信我没有正确地覆盖默认提取器。

我在这里做错什么了吗？

我有一个使用 Angular CLI 创建的 Angular 项目，所以我有用于配置构建的 angular.json 文件。

我想集成 PurgeCSS，因为它似乎是减小 CSS 包大小的好工具。

在PurgeCSS 网站上，他们解释了如何与 Webpack 集成。我找到了一个教程，它解释了如何添加自定义 webpack 与 Angular CLI 的集成。

有人有 PurgeCSS 与 Angular CLI 项目集成的成功示例吗？

我将我的第一个 Nuxt.js 应用程序部署到 Heroku...一切都很顺利，但是当我打开应用程序时，我意识到每个 .vue 文件/组件都有 TailwindCSS 样式，直到 SM 断点。移动视图很好，但任何大于 SM 断点的东西都不会被应用。我还使用 Purgecss 删除了未使用的样式，但不确定这是否会导致问题......关于如何解决这个问题的任何想法？