问题标签 [grunt-contrib-cssmin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
192 浏览

absolute-path - 使用 Grunt Usemin / CSSmin 的绝对 URL,同时仍能找到 CSS

因为我的网站是基于文件夹结构的,所以我必须../在层次结构中或在 CSS 不加载的更深的“页面”上添加尽可能多的级别。

有没有办法让 Grunt Usemin / CSSmin 让我使用绝对网址?

当我使用 时/assets/styles/main.css,usemin 找不到要缩小的 CSS(但 HTML 中的 URL 被重写为正确的绝对 URL)。

usemin 或 cssmin 的配置中是否有解决方案?

以下是我的 Gruntfile 中的相关部分。完整文件在 PasteBin 上

0 投票
1 回答
121 浏览

css - usemin、rev、less、源映射和 IE8 选择器计数支持

这是一个令人担忧的问题,在保留要求的同时难以解决。

使用usemin通过 grunt 任务来优化复杂且相当大的应用程序的构建。现在的问题是 IE8 和 IE9 正在从一个正在构建的单个文件中删除 CSS 规则声明,这是由于不明确的 4095 最大规则限制。

目前,它是这样工作的:

  • main-min.cssless在 dist 中构建一个大文件
  • 添加了源地图main-min.css.map
  • usemin 进程与 rev to main-min.<hash>.css,main-min.<hash>.css.map

展望未来,它需要:

  • main-min.cssless在 dist 中构建一个大文件
  • https://github.com/project-collins/grunt-csssplit之类的东西会转换为main-min-part1.cssmain-min-part2.css(等等)。当前不返回新文件的名称,不支持源映射 - 但这很容易修补和添加或从 FS 读取
  • usemin 来拾取新的拆分样式,例如,从 anassetDir和 include all 单独(未连接),这在尝试专门创建单个文件的示例/工作流程中似乎缺乏。
  • 零件现已修订
  • 源地图?(可以接受失去这个)

这种设置的任何想法/示例表示赞赏。或替代方法。

0 投票
1 回答
545 浏览

ruby-on-rails - Grunt 和 Rails

我正在使用 Grunt 工作流来管理我的 Rails 应用程序中的资产,而不是 Sprockets。

到目前为止,我的应用程序 JS 和 CSS 都分别被连接和缩小到public/assets/javascripts/application.jspublic/assets/stylesheets/application.css

并且还让我的 Bower 组件 JS 和 CSS 分别连接并缩小为public/assets/javascripts/vendor.jspublic/assets/stylesheets/vendor.css

然后将 Bower 组件中的字体和图像复制到public/assets/(images|fonts).

这一切都很好,但现在我需要更新这些文件中对字体/图像的引用以反映它们的新位置。

我查看了 cssmin,是的,它重写了文件引用,但我无法根据被引用的文件类型更改文件路径。

关于如何做到这一点的任何想法?

另外,我一直在阅读 Grunt 插件,它可以读取您的视图文件并使用它们来缩小和连接文件并为您更新视图中的和标签。

当然我不能在 Rails 应用程序中做到这一点?有没有办法在 Rails 中处理这个问题?

0 投票
2 回答
3455 浏览

css - Grunt, css min 连接和缩小所有 css

我有一堆来自插件的各种 CSS 和我正在使用的单独样式表,我正在尝试构建一个将组合和缩小所有这些的任务。现在我正在尝试用 cssmin 做到这一点,我不确定我是否走在正确的道路上,因为这是我第一次尝试这个,但这是我正在尝试的。

这个想法是,它将把我的 css 文件夹中的所有 css 和 min.css 文件组合成 1 个 output.css,然后将该 build/css 缩小为 min.css 文件。我不太确定这是否是假设的工作方式,但这是我第一次尝试这样做。基本思想是将所有内容合并并缩小到我的任务底部的 1 个文件中(在我具有自动前缀并使用 uncss 剥离引导程序之后)。我将不胜感激任何指导,这是正确的方向吗?这似乎无法正常工作,因此将不胜感激。

谢谢阅读!

0 投票
1 回答
1877 浏览

gruntjs - 如何缩小包含 @import url 行的 css 文件

我正在使用 grunt-contrib-cssmin 来缩小我的 css 文件,但是我的 css 文件中的 onw 正在使用 @import url 行,并且上面提到的 grunt 插件无法缩小这个 css 文件。我也尝试过 clean-css 和 cssjoin 工具来解决这个问题,但在知道之前没有任何效果。

**

  • 咕噜声文件:

**

**

  • 美化.css

**

0 投票
2 回答
2694 浏览

javascript - 为什么使用 grunt-contrib-cssmin 会改变我的 css 而它应该只缩小它

我正在使用 grunt-contrib-cssmin 来缩小我的 css 文件。我认为这个工具 (grunt-contrib-cssmin) 只是 clean-css 的包装器。一切都很好,除了这个 grunt 插件正在我的 css 中进行更改。我尝试使用可以从 clean-css 存储库中找到的所有选项,但没有任何效果。请帮助我,这东西正在杀死我!

咕噜声文件:

缩小前:

缩小后:

现在可以看到 'background:none' 更改为 'background:0 0' 我如何确保它不会对我的 css 进行任何更改,除了缩小它。

0 投票
2 回答
8108 浏览

gruntjs - grunt-contrib-cssmin - 如何从缩小的 css 中删除评论

我使用 cssmin 来缩小 css 文件。

我的配置是这样的:

但是输出缩小的 css 文件有注释。是否可以配置 cssmin 以从源 css 文件中删除注释?

谢谢你。

0 投票
1 回答
663 浏览

css - 我想禁用 clean-css 工具所做的优化

我正在使用grunt-contrib-cssmin,它是clean-css插件的包装器。

我已经尝试了所有禁用优化的选项clean-css,我只想clean-css缩小我的 css 文件,但不幸的是它改变了它们,例如改变:

至:

如何禁用此优化?此 GitHub 链接显示这些优化是由clean-css.

0 投票
0 回答
1871 浏览

gruntjs - Grunt cssmin 没有生成 main.css

当我跑步grunt build --verbose时,它告诉我>> Destination not written because minified CSS was empty.。我也注意到这是说Files: [no src] -> dist/styles/main.css,所以如果没有来源[no src],那么没有任何东西是有道理的。至少这是我现在的想法。结果是没有生成main.css 。

为什么会这样?

这是一个包含我的Gruntfile.js的要点:

https://gist.github.com/3lfist/86f1cc3076e01ef5a905

这是我的index.html,其中包含 usemin 块

https://gist.github.com/3lfist/c39eeedeb7c8ef6adae48

0 投票
0 回答
213 浏览

gruntjs - 使用 cssmin 更改缩小 CSS 中的相对路径

似乎除了是一个反复出现的问题之外,这还没有解决。

这是我的文件夹结构:

注意缩小版本应该如何src/styles/style.css引用url(../images/image.png)build/style.min.cssurl(images/image.png)

cssmin 或 clean-css 的哪些选项组合可以实现这一点?

我目前的配置: