问题标签 [uncss]

什么是链接 gulp 以将 sass 编译为干净的 css 的最佳方法（前缀、未 CSS 和缩小）。

以下示例创建源映射，但在浏览器检查器中查看时它们指向源文件中的错误行号。

为了解决这个问题，我之前尝试输出源地图autoprefixer，cleanCss但它导致与“Neat”和“Burbon”路径相关的错误：Error: Broken @import declaration of "../neat" Broken @import declaration of "../colors" Broken @import declaration of "../variables" Broken @import declaration of "../grid" Broken @import declaration of "../tables"

我正在使用 gulp uncss。这是我的任务代码：

以下行

编译为，一旦我通过上面的 gulp 任务运行代码。

任何想法，我的正则表达式技能有些欠缺！

本质上，我需要忽略.is-选择器中任何位置的任何类。

我有一个项目，其中有多个存储 css 的目录（不同语言的 css 略有不同）

示例目录结构：

在每个目录中都有一个 index.scss 文件。

然后我有一个 mustache 模板，它根据语言集从正确的目录中提取 css。

我曾尝试使用 purify css 和 unCSS，它们都适用于单个 .css 文件，但当您有多个目录和文件时似乎不起作用。

我希望每个目录中的每个文件都删除未使用的 css 并在每个目录中创建一个新文件。

现在 grunt 支持这种使用这种格式的递归任务：

但似乎我尝试过的两个未使用的 css 任务不支持这一点。

有没有人有什么建议？

谢谢。

我继承了一个 Angular1 项目，其中包含需要清理的臃肿 SASS 文件。有没有办法自动删除未使用的 SASS 语句，无论是从生产中（在构建期间）还是理想情况下，更永久地从开发中删除。我知道有像 UNCSS 这样的工具可以很好地处理静态 HTML 页面，但它似乎不能很好地处理动态内容。

缺少手动修复，关于清理和删除未使用的 SASS 语句有什么可以做的吗？

我在带有 WordPress 网站的 MAMP 上使用 grunt-uncss。我已经把我所有的 css 文件合并到一个文件中。

结果：一个 url 需要 40 分钟才能完成。那不可能是有效的。此外，uncss 只是吐出与它开始时相同的 css。

许多错误是“ReferenceError：找不到变量：jQuery”，但它就像 PhantomJS/UnCSS 试图解析内联 javascript？

以下是其他一些：

SyntaxError: 意外的标记 '%'

local:193 in setContent :2 SyntaxError: Invalid escape in identifier: '\'

local:427 in setContent :2 SyntaxError: Unexpected token '<'

local:891 in setContent :2 SyntaxError: Unexpected token ','

我尝试了不同的方法，包括为 jQuery 添加更多时间（超时）来加载等，以及过去七个小时的谷歌搜索。我很确定问题出在 PhantomJS 上，但对它不太熟悉。寻求帮助

这是我的 gruntfile

我已经构建了一个简单的 Bootstrap 3 页面，并希望使用 PurifyCSS 提高加载速度。一切正常（甚至轮播），但是导航选项卡不起作用。

我已经包含了 Purified 和 Raw CSS 的链接

原始引导 CSS： http: //pastebin.com/bTVtKRZc

净化后（未缩小） http://pastebin.com/SBEC42c5

我检查了两个文件和 .nav-tabs 或 .nav 基类可以在两个文件中找到，但是这些选项卡仅在我加载未纯化的版本时才有效。

选项卡的 html 代码：

http://pastebin.com/Gu70PdHR

一般来说，我是 CSS 和网页设计的新手，如果有任何帮助或提示，我将不胜感激。

我还包含了一个 uncss 标记，因为我在 uncss 下遇到了同样的问题（在添加要忽略的类之后）

谢谢！

是否有一个包可以自动清理我的流星应用程序中的 css 规则？我听说过 purifyCSS 和 UnCSS 以及几个 Chrome 扩展来帮助解决这个问题（例如“CSS remove and combine”），我想知道它是否可以直接在 Meteor 中完成

使用uncss，我们可以从样式表中删除未使用的 css。它通过查看要部署的 html 文件并仅打包使用的 css 规则来工作。

Angular 4 具有应用条件 css 的指令，如下所示：

任何人都知道是否有类似uncss的工具可以理解[class.completed]="todo.complete"？

是否可以使用 gulp 插件指定不同的 css 文件名作为输出postcss-uncss？

我正在尝试为我的 gulp 工作流程添加 uncss。

例如，要忽略通过 javascript 添加的某些类，我用“ignore”声明这些类（在我的情况下，我试图从 jquery 插件 magnific-popup 中取消 css）。

我的工作流程如下所示，并使用正则表达式匹配所有 magnific-popup css：

发生的事情是课程

使其进入新的 css 文件，但类

才不是。

我用各种正则表达式检查器检查了正则表达式语句。