问题标签 [css-purge]

我有一个项目，我没有使用任何框架或模板引擎，只是普通的 php。我遇到了这个 PurgeCSS 插件，我想尝试一下，因为项目中的所有页面都遵循非常相似的主题，而且我认为没有使用我包含的 Bootstrap CSS 中的太多 CSS 规则。

我目前正在尝试从项目的样式表中删除未使用的 CSS。我有一个 gulp 任务sass，所有编译都在完成。我正在使用postcss和 purgecss 的插件。但是，当我运行sass任务时purgecss似乎没有工作。

如果您注意到purgecss我将它传递到模板的路径，它应该从中删除 css。使用文档之后的 PostCSS API，我添加了模板的目录：

purgecss除此之外还有什么我应该添加到配置中的content吗？问题是什么？

PurgeCss 删除了我项目中使用的 react-bootstrap css 类。我正在使用 Next.js 框架。

_app.js：

组件.js：

next.config.js：

当我构建应用程序时，CSS 文件中完全缺少.row类和类。.col禁用 PurgeCSS 时一切正常。

更新1#：

清除其他类工作正常。

在内部定义 Bootstrap 类可以<div>正常工作。：

其他 React-bootstrap 组件也不起作用。这行不通！

我正在构建一个 next.js 站点，该站点使用如下特定文本，

由于某种原因，文本样式在部署到 Vercel 时会被清除。这是清除 css 配置。

到底是怎么回事？

提前致谢，

由于某种原因，tailwind在 next.js 中没有正确呈现。

我想知道我的设置是否有问题？

样式文件夹 - tailwind.css

@尾风基地；

……

_app.js

我究竟做错了什么？很困惑，通常这种设置很好。

这是网站顺便说一句 - https://mmap-1xr646x4a.vercel.app/。

使用下面的信息，进行了更改，但奇怪的是仍然存在相同的问题。

https://mmap-hewlbern.moodmap.vercel.app/是站点示例。

tailwind.config.js

postcss.config.js

谢谢！

我很难尝试使用 purgecss 从命令行将我的 css 提取到单独的文件中。PurgeCSS.com 上使用命令行的说明不够具体：

默认情况下，CLI 在控制台中输出结果。如果您希望将 CSS 作为文件返回，请指定将纯化后的 CSS 文件写入到的目录：

我尝试了上述代码的变体，我所做的只是将代码打印到命令行或出现错误。

我试过的：

如果有人知道如何正确地将我的 css 输出到特定文件，我将不胜感激。

Tailwind 和 PostCSS/PurgeCSS 相当新，我试图减小我的 CSS 文件的大小。在@tailwind base...下面的tailwind.css文件中添加一些自定义css之前，以及h-(screen-1.5)我的tailwind.config文件中的一些变量之前，我注意到它正在工作！当我运行npm run production时，我没有在我的构建文件夹中找到像flex 这样的顺风类...但我找到了添加的自定义类！这是添加的自定义 css 的示例

我曾尝试添加评论/ purgecss start ignore /和/ purgecss end ignore /但徒劳无功，我不知道它是否与提取器有关！这是我的 postcss.confige 代码：

我正在使用 nextjs，并且我尝试在 postcss.config.js 中包含 @fullhuman/postcss-purgecss 插件，但是它给我带来了错误 - 在插件 [0] 中找到了无效的 postcss 插件。

这是 postcss.config.js -

请帮助我知道我哪里出错了。我正在使用 postcss 版本 - 7.0.14 和 @fullhuman/postcss-purgecss 版本 - 3.0.0。

基本的postcss.config.js看起来像这样

我有一种情况，我需要定义带有嵌套子目录的文件夹的路径。我发现的唯一解释是这个：

...但我想要一些不同的东西：如何定义文件夹及其所有子目录（及其子目录等）的路径？

有类似的东西

glob.glob('**/*.txt',recursive=True): 匹配当前目录和所有子目录中所有以 '.txt' 结尾的文件

如何recursive=True在 PostCSS/PurgeCSS 中设置选项？

我最近升级到Angular 11并在我的流程中集成了PurgeCSS插件https://purgecss.com/，它工作正常。现在我正在集成Angular Material 11，我想自定义主题。按照此处的步骤：https ://material.angular.io/guide/theming我创建了一个名为的新文件theme.scss，我将其包含在我angular.json的位置styles.scss中（粘贴架构师部分）：

该theme.scss文件看起来像这样只是为了测试：

请注意，我尝试过@import '@angular/material/_theming.scss';，@import '~@angular/material/theming';但出现错误。我目前的错误是：

这将我指向 postcss 加载器配置。我为 Angular 项目构建的 webpack 配置：

我最近更新了我的开发依赖项，以防某些东西丢失或陈旧。packages.json 的实际部分是：

sass-loader它似乎安装的是：

在这一点上，我想我已经尝试了多种可能性的主题配置，在 styles.scss 中，作为附加文件，使用不同版本的加载器......但似乎我缺少一些基本的东西或者我需要重新配置我的 webpack 文件以允许清除 css 以及主题集成。

任何见解将不胜感激。