问题标签 [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.
gruntjs - 咕噜声:cssmin 不工作
我正在尝试使用 Grunt cssmin 插件来缩小 CSS。下面是我的代码:
当我运行“grunt cssmin”时,它给出了“意外标识符”的错误。
node.js - SailsJs 在 default.js 中添加自定义任务
我正在尝试在 salsjs 应用程序中添加自定义任务。
这是我到目前为止所做的:
- 在 task/config 目录中添加了一个名为 cssminTemplates.js 的新文件
- 修改task/registerd目录下的default.js文件。
我的 cssminTemplates.js 基本上是 cssmin.js 标准文件的副本:
default.js 文件修改如下:
但是当我使用sails lift 命令启动应用程序时,我收到了这个错误:
我尝试用 'cssmin' 更改 'cssminTemplates' 并且没有错误。
wordpress - Grunt.js:连接来自不同目录的多个 CSS 文件时替换路径
我正在尝试使用来自不同目录的 Grunt.js concat 和 cssmin 来缩小和组合多个 CSS 文件。不幸的是,css 会中断,因为每个 CSS 都有相对于资源的链接,例如:
我试图在网上找到答案,但没有任何运气。这是 Gruntfile.js 代码中的一个示例,它结合了 2 个不同的 WP 插件 CSS 文件:
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 代码之外,所有内容都被缩小了
javascript - grunt-cssmin 横幅不起作用
我gruntjs/grunt-contrib-cssmin
用来缩小和连接我的 css 文件,我想在我的输出 css 文件上添加简单的横幅,但它不起作用
并且输出是body{background-color:#ff0}....
但预期的输出MY BANNER body{background-color:#ff0}
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。
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
正如建议的那样,我尝试如下使用尝试的“级别”选项,但没有成功:
css - Grunt cssmin 删除每个文件中的每个第一个 css 规则
构建没有错误,但每个第一个 css 规则块都被删除。什么会导致问题?
咕噜声配置:...
sass - url中的grunt cssmin @import参数
我正在寻找一种将版本参数放在sass
文件中一些@import 语句的 url 尾部的方法:
Grunt sass 似乎并没有拒绝这个声明,但是 cssmin 任务可以:
运行“cssmin:minify”(cssmin)任务警告:“custom-style.css?v=1”的@import 声明损坏使用--force 继续。
有没有办法避免这个警告?
css - 防止 cssMin 删除 svg 样式
当运行 grunt.js 任务 cssMin https://github.com/gruntjs/grunt-contrib-cssmin
正在删除 Svg css 属性。
例如:
转换为
我怎样才能防止这种情况发生?