问题标签 [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.
javascript - 运行 grunt 插件 grunt-contrib-cssmin 时出错
咕噜新手在这里。运行 grunt 任务 grunt-contrib-cssmin 时收到以下错误。modernizr 任务似乎正在发挥作用:
这是我的 gruntfile.js
这是我的 package.json 文件,我在项目目录中安装了 grunt-contrib-css
gruntjs - Grunt cssmin / CleanCSS 源地图变基
我正在使用具有以下“内容”文件夹结构的 cssmin:
其中 styles.min.css 和 styles.min.css.map 是连接/缩小“src”文件夹中所有样式表的结果。
我首先遇到的问题是 styles.min.css 包含错误位置的图像 URL(即“images/image1.png”而不是“../src/dir1/images/image1.png”),但幸运的是,这个 grunt 配置已修复那:
新问题:生成的源映射(“styles.min.css.map”)包含这样的源: ["content/src/dir1/style1.css", "content/src/dir2/style2.css"] 而不是["../src/dir1/style1.css", "../src/dir2/style2.css"]。这意味着地图指向的位置不正确,例如:
“content/dist/content/src/dir1/style1.css”和“content/dist/content/src/dir2/style2.css”
我能做些什么来解决这个问题?
作为参考,我也尝试了 csswring,但是尽管 sourcemaps 工作正常,但我发现一般图像/导入 url rebase 工作不正常,所以回到 cssmin。
非常感谢!
gruntjs - grunt-contrib-cssmin 需要 10 分钟才能完成
我目前有一个问题,我的 grunt-contrib-cssmin 任务需要将近 10 分钟才能完成。这个问题是在我将 grunt 和所有插件更新到当前版本后发生的。我已经将近一年没有更新它们了。在更新之前,cssmin 任务大约需要 5 秒才能完成。
更新后运行时间增加的原因可能是什么?我的任务定义是:
css - grunt-contrib-css 正在破坏我的 CSS bc 它删除了多个条目......?
...我应该将此作为错误提交吗?不使用它我的代码有效。当我使用它时,我会丢失一些样式。
在进一步研究之后,它正在删除类的多个定义。
此外,这里有类似问题的人 -避免 Grunt cssmin 任务以删除重复条目
我为每个浏览器定义了 4 次相同的类。浏览器知道使用浏览器扩展中的哪一个。
有没有办法告诉它不要这样做:
这是 Gruntfile.js
这是损坏的CSS。
以下是相关代码:
node.js - Grunt CSS min - 缩小不同 CSS 文件的问题
我在使用grunt cssmin缩小多个 CSS 文件时遇到问题我不希望将所有文件缩小为单个文件。我希望文件具有与 min.css 扩展名相同的名称。
我的 gruntfile.js 如下。
根据代码(注释掉的部分除外),假设缩小所有 css 文件。但由于某种原因,它会从目录中跳过几个 css 文件。为了缩小这些,我必须先注释掉第一个files[{}]
,然后取消注释。
files[{}]
当两者都未注释时,它不起作用。我不知道为什么会这样。
我的 Nodejs 版本是:v0.10.25
提前致谢。
注意grunt cssmin
:由于节点版本问题,我曾经收到警告和任务中止,并通过将 nvm 版本降级到nvm v0.10.39来修复它。感谢blindMoe指出解决方案
gruntjs - grunt-contrib-cssmin 没有创建文件
我无法正确配置 cssmin。在这种特定情况下,我试图配置 cssmin 以便从两个不同的 css 文件开始创建 2 个不同的 css 缩小文件。在终端上使用grunt --verbose我得到:
这是文件的树:
- /Gruntfile.js
- /css/foo.css
- /css/bar.css
- /生产/
这是 Gruntfile.js 中的配置
css - 使用 Grunt 缩小时命名多个 css 文件
我有多个要缩小的 css 文件,有没有办法让每个缩小的文件与其 css 文件同名?例如,billing_edit.css、checkout.css、error_page.css 将缩小为 billing_edit.min.css、checkout.min.css、error_page.min.css。有很多 css 文件,通常我知道将它们组合起来会更好,但这是一种可能存在样式冲突的情况。因此,在这种情况下,我想避免执行以下操作。
gruntjs - cssmin 给我“路径必须是一个字符串。收到未定义”
我的项目是一个非常基本的 yo/angular 项目。我有以下 cssmin 配置。
当我运行 grunt build 时,出现以下错误:
我在其他帖子上看到过这个错误,但在 cssmin 上没有。我已将 package.json 中的库升级到最新版本,这可能是原因。
这个项目一度建设得很好。我无法确定缺少什么路径。有谁知道我错过了什么路径?
gruntjs - Gruntjs - ':generated' 来自哪里?
我只是碰巧遇到了这个并被困住了。我有这个繁重的任务,称为build
,如下所示,
现在,在cssmin
阶段期间,它总是会抛出这样的错误,
但是,我的cssmin
任务没有任何:generated
路径。在这里,
如果我运行cssmin:dist
,它将解决问题。但我很想找到这:generated
条路径的来源。:generated
由于我目前正在修复我所有的依赖项,以便一起缩小和编译,如果这条路径实际上是我正在寻找的,我不想错过。
编辑:
Gruntfile.js
包.json