问题标签 [grunt-contrib-cssmin]

我正在为我的项目开发 Gruntfile。我基于generator-webapp Yeoman 生成器中包含的一个 Gruntfile。我的 Gruntfile 看起来像这样：

我的文件结构如下：

当我运行我的 Gruntfile 时，除了一步之外，一切似乎都很顺利。与 generator-webapp 的情况一样，css 文件被连接起来并写入一个 .tmp 文件夹。在此之后，cssmin 应该读取这些连接的文件，缩小它们并将它们写入目标文件夹。但是，这不会发生在我的 main.css 中。它适用于连接外部文件（即我的 HTML 中包含的库）。执行 Gruntfile 时，出现以下错误：

dist/styles/external.css 正确编写。我的 HTML 文件，包含 concat 和 cssmin 的触发器（因为我使用的是 usemin）：

由于与 generator-webapp Gruntfile 相似，我无法理解我的版本出了什么问题，因为它们几乎是复本。

这是我的咕噜声文件：

运行时grunt build，我收到以下错误：

运行“sass:dist”（sass）任务

运行“cssmin：dist”（cssmin）任务

目的地未写，因为缩小的 CSS 为空。

当我单独运行每个任务时，没有错误。我认为在下一个任务开始之前，sass 任务还没有完成。有谁知道为什么会这样？

谢谢你。

我第一次使用 grunt，我可以使用 grunt-contrib-concat 连接 css 文件，但是在使用 grunt-conrib-cssmin 创建缩小的 css 文件时出现以下错误

错误是：

我的 package.json 文件是：

我的 Gruntfile.js 文件是：

如果您能提供一些解决方案，它将对我有很大帮助。

谢谢

我有一个非常常见的问题，阅读了很多解决方案（stackoverflow 和 github 问题），但仍然没有发现这对我有用。

我要解决的问题：

1. angularjs项目，所以我使用generator-angular (yeoman generator)
2. SASS预处理器（实际上并没有）
3. 需要使用相对图像链接（../../images/yeoman.png），因此它们在构建之前和之后都是正确的（../images/yeoman.1er4b3.png ）

我为此创建了测试项目。测试使用：

只有解决方案对我有用，您可以在此提交中找到

但它有问题：如果编译（构建后）css文件位于dist/styles/subfolder/（index.html contains < !-- build:css({.tmp,app}) styles/views/views.css -- >），链接将被破坏。

这个问题与grunt-cotrib-cssmin -> clean-css有关。

注意： generator-angular 使用我在帮助中看到的最新解决方案创建 Gruntfile，但在我的情况下没有帮助

如果有人能让测试项目正常构建，我会很高兴。

我正在尝试在 gruntfile.js 的 cssmin 任务中设置两个目标（开发和构建）。这个答案消除了我在阅读npm 上的文档时的一些困惑，但我不能同时缩小和组合工作。为简化起见，我将只关注开发任务，因为构建将是一个简单的变体。

我试过这个：

和这个：

两者都创建/缩小 customStep2.css，但组合部分也没有（即 main.css 没有被创建）。谢谢你的帮助。

我刚刚开始使用 Grunt，所以请原谅一个可能很愚蠢的问题：

如果我使用 cssmin 或 uglify 或任何其他改变我的代码外观的插件：

如何使main.html文件中的引用保持一致。换句话说，显然我将使用未压缩的 css 文件（我们称之为style.css）进行开发。如果我在我的main.htmlas<link rel=stylesheet src="main.css">但 grunt 中一直引用它，main.min.css似乎每次都将其缩小，在我运行 grunt 之后，我将不得不进入我的main.html并更改链接引用（这会很烦人，因为我必须每次更新 git时间。

我可以将 cssmin 配置为style.css使用相同的文件名覆盖我的文件名，但是我几乎不可能修改。有没有解决的办法？

每当我手动将一个 css 文件添加到我的 index.html 页面时，该文件就会在我构建时被删除。我缺少什么配置？

例如，“rzslider.css”被删除，即使它包含在我的 bower.json 中。有没有办法强制它内置到供应商中？

索引.html：

咕哝：

在我的 Gruntfile 中，我正在使用 cssmin (grunt-contrib-cssmin) 任务。就像是：

问题是：styles.css 是通过连接大量 .css 文件的 concat 任务生成的。在某些文件中，我有相同的 css 选择器（例如：.panel a）只有第一个选择器保留在 cssmin 任务中，所有其他选择器都被删除。我想这是任务的默认行为。有没有办法保留重复的选择器？

用于 grunt 的 cssmin 插件存在一个我无法避免的问题，并且没有太多关于尊重的信息。奇怪，因为我认为这应该是一个普遍的问题。

我有这个 css 文件：

这是我的 grunt csssmin 配置（很简单）

当我执行 grunt cssmin 任务时，我得到了：

引号 (") 被剥离，然后 url 没有加载属性并且字体丢失。

知道如何解决吗？我正在使用 cssmin 选项，例如添加了一个基本 url，但它对我不起作用。

提前致谢

我编写了一个简单的 Gruntfile.js，使用 grunt-contrib-cssmin 将 2 个 css 文件合并为一个。

当我运行grunt cssmin --verbose输出以

之后终端挂起，我的节点进程继续使用 100% 的 cpu，但不生成输出文件。

额外信息：我正在开发一个 Express + nodejs 项目。

系统信息 mac osx 10.9.5

这些命令的输出：

grunt --version && node --version && npm --version

grunt-cli v0.1.13 grunt v0.4.5 v0.10.32 1.4.28