问题标签 [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 投票
2 回答
1300 浏览

gruntjs - 咕噜声:cssmin 不工作

我正在尝试使用 Grunt cssmin 插件来缩小 CSS。下面是我的代码:

当我运行“grunt cssmin”时,它给出了“意外标识符”的错误。

0 投票
1 回答
76 浏览

node.js - SailsJs 在 default.js 中添加自定义任务

我正在尝试在 salsjs 应用程序中添加自定义任务。

这是我到目前为止所做的:

  • 在 task/config 目录中添加了一个名为 cssminTemplates.js 的新文件
  • 修改task/registerd目录下的default.js文件。

我的 cssminTemplates.js 基本上是 cssmin.js 标准文件的副本:

default.js 文件修改如下:

但是当我使用sails lift 命令启动应用程序时,我收到了这个错误:

我尝试用 'cssmin' 更改 'cssminTemplates' 并且没有错误。

0 投票
1 回答
335 浏览

wordpress - Grunt.js:连接来自不同目录的多个 CSS 文件时替换路径

我正在尝试使用来自不同目录的 Grunt.js concat 和 cssmin 来缩小和组合多个 CSS 文件。不幸的是,css 会中断,因为每个 CSS 都有相对于资源的链接,例如:

我试图在网上找到答案,但没有任何运气。这是 Gruntfile.js 代码中的一个示例,它结合了 2 个不同的 WP 插件 CSS 文件:

0 投票
0 回答
236 浏览

css - 使用 grunt 任务缩小包含在 html 标头中的 CSS

我有html文件宽度的css文件包含在已经用cssmin缩小的head部分,另外html已经用htmlmin grunt任务成功缩小,但是html缩小有一点问题,css和javascript直接包含在head部分不被 htmlmin 缩小,如果是 html,这个任务显然不是 css 或 javascript。

如何缩小 head 部分中包含的 css 和 javascript?

例如:这是我的虚拟初始 html 文件:

当我运行 htmlmin grunt 任务时,结果是这样的:

请注意,除了我在 head 部分的示例中省略的 css 和一些 javascript 代码之外,所有内容都被缩小了

0 投票
0 回答
335 浏览

javascript - grunt-cssmin 横幅不起作用

gruntjs/grunt-contrib-cssmin用来缩小和连接我的 css 文件,我想在我的输出 css 文件上添加简单的横幅,但它不起作用

并且输出是body{background-color:#ff0}.... 但预期的输出MY BANNER body{background-color:#ff0}

0 投票
1 回答
223 浏览

css - 使用 grunt 使 css 映射点指向 sass 部分

我正在使用 grunt-contrib-css 来处理我的 sass 文件,这是我遵循的工作流程:

  • partial.sass包含所有样式。
  • home.sass导入部分.sass
  • home.css是从home.sass创建的。
  • home.min.css是 home.css 的缩小版本,包含在 .html 文件中。

但是, home.min.css 的地图指向 home.css 但我需要的是与部分文件相关的地图。这可能吗?

PD:我正在使用 grunt-contrib-sass 处理 sass 文件并使用 grunt-contrib-cssmin 来缩小 css。

0 投票
0 回答
371 浏览

javascript - 更改 grunt min css 中的“clean css”选项

使用Grunt CSS min时,是否需要使用某种特殊语法来覆盖 Clean CSS 默认值?

查看文档,我可以成功地使“roundingPrecision”示例正常工作,但尝试覆盖其他 Clean CSS 规则对我不起作用。

我在下面给出了一个配置示例,我试图防止重复规则被删除(在这种情况下,我需要为不支持 CSS 变量的浏览器提供非 CSS 变量回退)。不过,这对我不起作用。

这是我的 Grunt 配置的 CSS Min 部分:

使用上述配置,会发生以下情况:

变成

但是,不应删除第二个背景规则。

我在另一个 StackOverflow 问题中注意到,似乎我可能需要针对 Clean CSS 的某些特定区域-<a href="https://stackoverflow.com/questions/29828059/use-clean-css-compatibility-options -in-grunt-contrib-cssmin">在 grunt-contrib-cssmin 中使用 clean-css 兼容性选项——但我不确定如何为其他属性(如“removeDuplicateRules: false”)执行此操作。

我猜我在做一些根本错误的事情。任何指示都会有所帮助——谢谢。

更新#2

正如建议的那样,我尝试如下使用尝试的“级别”选项,但没有成功:

0 投票
1 回答
55 浏览

css - Grunt cssmin 删除每个文件中的每个第一个 css 规则

构建没有错误,但每个第一个 css 规则块都被删除。什么会导致问题?

咕噜声配置:...

0 投票
1 回答
366 浏览

sass - url中的grunt cssmin @import参数

我正在寻找一种将版本参数放在sass文件中一些@import 语句的 url 尾部的方法:

Grunt sass 似乎并没有拒绝这个声明,但是 cssmin 任务可以:

运行“cssmin:minify”(cssmin)任务警告:“custom-style.css?v=1”的@import 声明损坏使用--force 继续。

有没有办法避免这个警告?

0 投票
2 回答
637 浏览

css - 防止 cssMin 删除 svg 样式

当运行 grunt.js 任务 cssMin https://github.com/gruntjs/grunt-contrib-cssmin

正在删除 Svg css 属性。

例如:

转换为

我怎样才能防止这种情况发生?