问题标签 [uncss]

尝试在这里对一些 CSS 进行后处理，并且需要一个正则表达式来选择 CSS 中的数据属性选择器。

它将需要选择以下选择器（只是选择器，但它是全部）：

所以这将选择[data-attr],.cool-class[data-another-attr]和#id[data-one-more-attr]。

到目前为止我所拥有的（甚至没有接近）：

/(\[data-*)\w/g

提前感谢您的帮助，RegEx 总是难倒我。

我只是想进一步压缩css文件。而且我遇到了一个奇怪的错误。我想知道为什么我会得到一个ReferenceError: Can't find variable: jQuery只包含 HTML 和 CSS 选择器的任务？除非它正在读取我的 HTML 中具有选择器的脚本标签？

更新我忘了提到任务不是吐出来，一个新的CSS文件！

我还注意到目录之前有许多 gulp 任务./，这样做的目的是什么？无论如何，请看下面：

这是我的 Gulp 文件，我想我包括它...

这是我得到的错误。

我将UnCSS与Sass一起使用。UnCSS 自动删除未使用的 CSS；但是，有时它会删除您不想删除的内容。您可以在规则上方添加评论，如下所示：

...告诉 UnCSS 忽略该规则并将其包含在最终输出中。

我想知道如何在 Sass 的嵌套媒体查询中包含该评论：

SCSS：

输出：

期望的输出：

请注意 Desired Output 示例中的额外/* uncss:ignore */注释。在 Sass 中可以做到这一点吗？

我已经设置了一个 uncss grunt 任务。我的 html 文件位于“public”文件夹中，我的 css 位于“public/css”中。

我像这样设置我的咕噜任务：

我收到一条错误消息：

我确实在我的html页面中导入了我的css：

我尝试设置 htmlroot、csspath，但似乎没有任何效果。

如果我设置

它为路径添加了一个额外的 CSS。

有人可以帮忙吗？

我有 uncss（github 上的一个项目）来为响应式站点删除不需要的 css。它还删除了 mobile.css 文件中提到的 css，但这实际上会影响移动视图中的站点。我不知道 uncss 是如何工作的？即天气它只是删除了DOM中不存在的选择器，或者它删除了仅在特定视口中不使用的选择器。

我正在尝试让 UnCss 生成我的主 CSS 文件的缩减版本，现在我只想让这个在主页上工作作为测试。

我正在使用以下代码：

我在这里尝试做的是master-2014.css从我的本地服务器（最终是远程 url，例如 google.com）读取，然后查看我从（我的主页localhost）获得样式表的页面并确定需要哪种样式。我终于想把它制作成app.clean.css.

目前我无法让它为我的生活工作我尝试了其他变体，例如：

这不起作用。

我也看到人们尝试这样的事情：

index.html空白 html 文件在哪里。这是唯一成功的，但它只是为我创建了一个仅包含 css for htmland的 css 文件body。其余的都抛出以下错误：

我能找到的所有其他示例都是针对 WordPress 的，它是 PHP，这是一个 .Net 站点。

如果有任何帮助，我将不胜感激。

对于我的网站，我使用 uncss 删除未使用的 bootstrap-css。但是有两个元素-引导轮播幻灯片动画和我的导航中的活动状态，在 uncss 生成新的 css 文件后无法正常工作。

这是我的 uncss-忽略

这是我的 css，它是必要的，但没有得到 uncss 的认可

任何评论或帮助都会很棒！

我使用 NPM 安装了 Foundation 6，使用foundation new命令启动了一个新项目并开始构建一个新网站。但是当我使用 command 在生产环境中构建它时，即使使用大型监视器（注意 ） foundation build --production，.top-bar该类也总是崩溃data-hide-for="medium"。当我使用foundation watch命令在开发模式下运行它时，它工作得很好（仅在中小型设备上折叠）。

我认为可能是gulp的某些任务有问题，我决定一一测试。当我修改uncss为仅在开发模式下运行（将isProductionvar 更改为false布尔值）时，它可以工作！所以，我决定阅读他们的文档，在那里我找到了“忽略”设置。我可以在其中设置一些选择器，这是我的问题。我必须忽略什么选择器才能使折叠效果很好？我认为 UnCSS 正在删除一些它认为 *.html 文件没有使用的选择器，但它是，我无法确定它是哪个选择器。

注意：该uncss任务仅在生产模式下运行。

index.html

gulpfile.js（这是Foundation的默认站点完整模板，所以我只放CSS编译部分）

整个 CSS 保持不变，我没有修改任何东西，甚至路径都是默认值（但我添加了一些规则，如字体和一些颜色），我只是删除了 Foundation 6 的默认 index.html 并添加了这个菜单（这是他们的文档）。

为了帮助您，我将整个项目上传到MEGA，只需将其解压缩并运行foundation watch，查看.top-bar工作正常（带有菜单和登录表单），然后从文件夹中运行foundation build --production并运行以查看折叠。index.htmldist.top-bar

.top-bar关于生产：

.top-bar关于发展（工作）：

使用Brunch作为前端原型的构建工具，我在设置UnCSS -plugin 时遇到了困难。我安装了Bootstrap 4 -skeleton 以进行快速设置，除了 UnCSS 之外，一切运行顺利。

我遇到的错误brunch build --production是error: UnCSS: no stylesheets found. 我这样配置插件：

该项目的源文件位于app：index.htmlin app/assets，main.scss（导入 Bootstrap）和styles.cssin app/stylesheets，和app.jsin app/javascripts。

Brunch 将其构建到一个名为 的文件夹public中，其中包含样式public/css/app.css和内容public/index.html。问题是，UnCSS 的配置有什么不正确的地方？我对它的理解是它适用于构建的 CSS 输出，在这种情况下，路径似乎是正确的。

从 2014 年开始有一个关于 SO 的问题，问的问题几乎相同，但从未得到回答。

运行 grunt 时不断出错，有人知道如何将 UNCSS 与 php 一起使用吗？

我不确定如何解决这个问题，我的 UNCSS 文件看起来像

非常感谢所有帮助