问题标签 [uncss]

我已经编写了 grunt uncss 任务来删除我的代码中未使用的 css。但是它删除了我的代码中使用的大量 css。我猜原因是，它没有在指令中检查 css'my-directive' 这是我的 index.html：

在我的 index.css 中，我有一些类，例如：

在运行 grunt uncss 任务时，许多带有 .peopleeditor 类的样式都被删除了。是不是因为peopleeditor类会被应用到里面的html标签上'my-directive'。有什么方法可以读取指令模板中的样式，以便 grunt uncss 任务不会忽略这一点。

如果这个问题太宽泛，请告诉我。我会把它分解成更离散的部分。

在处理大型 html 和 css 文件时，我们遇到了 PostCSS uncss插件可以处理的限制。

@superflycss项目正在生成的一些测试文件几乎有一百万行 css 长，并且随着更多模块的添加会变得更长。 这是一个例子。

无论如何，uncss 通过 PostCSS 同时加载整个 CSS 和 html 文件然后执行匹配，我们认为这是导致内存耗尽的原因。想看看是否有人知道按记录流式传输 css 或 html 记录的方法，以便我们可以得到相同的结果：

• 修剪后的 css 文件，仅包含使用的 css 选择器
• 源图

这些是相关的问题链接：

• https://github.com/giakki/uncss/issues/339
• https://github.com/giakki/uncss/issues/319
• https://github.com/postcss/postcss/issues/1087

我正在尝试从foundation-emails-template了解此 gulpfile 的一些细节。

这是我好奇的部分文件的摘录：

如您所见，该build任务按顺序调用了一堆方法。其中之一是sass方法，其次是inline方法：

因此，sass首先调用该方法，它将 sass 文件编译为单个app.css. 该方法的一部分还说用于uncss从 html 文件中删除未使用的 css。该inline方法负责将 css 内联到这些 html 文件中。

我很困惑为什么这可以正常工作。怎么inline能被调用scss呢？该inline方法将css放在方法“uncss-es”的html文件中scss，但随后会调用它。

这似乎工作正常，所以很明显我只是不理解 gulp 的某种基本概念。谁能解释这是如何工作的？

为了运行uncss以删除未使用的 css 规则，我需要生成一个包含角度模板使用的所有 css 规则的页面。我认为Rendertron可能适合这个用例，但想知道是否可以使用 Angular CLI 做同样的事情？

例如，如果我们运行ng buildangular 将生成一个dist/index.html文件，其中包含文件中的自定义元素选择器dist/index.html。但是，这不能以uncss为目标，因为尚未呈现模板。它仍然由 example 表示<app-root>，因此uncss看不到<app-root>模板应用的 css 规则。

我对 Gulp unCSS 任务有疑问。问题是该任务正在删除引导 css 类（那些出现在 JS 事件之后的类，例如折叠、显示、折叠、折叠等）。

我知道我可以将每个类作为数组放在忽略选项中，但是我需要了解所有需要的类。

有没有更好的方法来解决这个问题？

也许我应该忽略每个使用 JS 的 Bootstrap SASS 部分？

如果有人能给我一些提示我应该如何解决这个问题，我会很感激。

这就是我包含引导 scss 部分的方式：

这是我的 Gulp UNCSS 任务（但这不是最佳方法......）

谢谢！

我收到以下错误。我试图强制安装 canvas 包但没有运气。以下错误是否意味着我必须找到一种方法来安装uncss的依赖？

我正在尝试从我的一个或多个 sass 文件中删除未使用的 css 规则。

如果您不使用服务器端渲染，研究使我将 postcss-uncss 作为删除未使用 css 的最佳选择（请参阅：https ://www.purgecss.com/comparison ）

https://github.com/uncss/postcss-uncss

现在，postcss-uncss 是 uncss 的包装器：https ://github.com/uncss/uncss 但是，uncss 文档让我感到困惑，这里的示例配置没有用：https ://github.com/uncss /postcss-uncss#example-configuration

如何为 Laravel Mix 配置 postcss-uncss？

这是我到目前为止所拥有的：

我想要：

1. 告诉它要使用哪些 laravel 路由（或“全部”也应该没问题）
2. 我的 sass / scss 文件所在的位置：/resources/sass/*（示例文件：/resources/sass/app.scss、/resources/sass/admin/admin.scss 等）
3. 在哪里放置输出，即没有未使用规则的编译（和清理）css：/public/css/*（以保持相同的结构，例如：/public/app.css、/public/admin/admin .css 等）

想法将不胜感激。

如果我想在 gulp 脚本中的 postcss 中调用它，我无法将设置传递给 uncss 模块。

这是我的吞咽任务：

当我尝试这个时，我在运行时（当我更改 css 文件中的某些内容时）收到以下错误消息：

那么，当我将它称为 postcss 模块时，我还能如何在 gulp 文件中设置 uncss？

谢谢

凯

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

我正在尝试在我的 WordPress 自定义主题中运行 grunt uncss。下面是我的配置文件gruntfile.js。当我运行grunt命令时，我得到错误

上面，我使用get_template_directory_uri()了 wordpress 函数来获取当前主题的路径，但是 grunt 无法检测到这个 PHP 函数是动态的。那么，我怎样才能使这个 grunt 配置gruntfile.js来制作 require.js 文件以查看正确的路径。

谢谢你。

更新

下面是我在主题目录中的 gruntfile.js。

另外，我get_template_directory_uri()在主题目录中的 footer.php 文件中使用。