问题标签 [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 回答
722 浏览

css - 使用 cssmin 为缩小的 css 保留 LESS sourceMaps

我的 LESS 文件是用 grunt-contrib-less 和相应的 grunt 任务编译的,配置如下:

然后我使用 cssmin 处理输出 css 文件。我把它缩小了,但我想绑定上一步中的源映射以用于缩小的 css。

如果我在 options.sourceMap 中提及源映射路径,任务将失败。我在css-clean 文档中看到以下内容:

sourceMap - 在 sourceMap 属性下公开源映射,例如 new CleanCSS().minify(source).sourceMap (默认为 false) 如果输入样式是 CSS 预处理器(Less,Sass)的产物,则输入源映射可以作为字符串传递.

但我不明白如何将此字符串传递给任务。甚至可能吗?我怎样才能做到这一点?

0 投票
2 回答
6210 浏览

javascript - 如何确保使用 Grunt 正确处理远程 @imports

我使用 Grunt 在里面构建我的项目和cssmin任务。我的 CSS 文件包含一个远程 @import 语句并grunt build返回一个警告:

我在clean-css库文档中找到了以下信息:

为了内联远程@import 语句,您需要提供一个回调来缩小方法,例如:

这是因为,本地文件可以同步读取,而远程资源只能异步处理。如果您不提供回调,那么远程 @imports 将保持不变。

如何在 Gruntfile.js 中描述 cssmin 任务以正确处理远程 @import 语句?

0 投票
1 回答
709 浏览

gruntjs - Grunt : Usemin prepare, cssmin 的选项

我在我的 Grunt 文件中使用了 usemin。

我想使用purifycss。

但是,运行 grunt 时出现此错误: Warning: Please check the validity of the CSS block starting from the line #1 Use --force to continue.

我认为这是因为 Font Awesome 是我项目中的第一个库,它具有以下 css 标头: /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */

所以我认为我应该使用参数:keepSpecialComments: 0对于 cssmin。

我的问题是 usemin 准备任务正在执行 cssmin,我不知道如何添加此参数。

任何想法 ?

谢谢 !

0 投票
1 回答
39 浏览

javascript - 压缩 JS 文件时出现有趣的错误 - 尝试将文件夹读取为 JS 文件

我有一个 Grunt 任务,它遍历目录和子目录并压缩 JS 和 CSS 文件。

我收到以下错误,这意味着它不小心认为less.js文件夹是 JavaScript 文件。我想知道是否可以配置该正则表达式(通配符)以跳过名称为less.js.

在此处输入图像描述

0 投票
1 回答
367 浏览

javascript - 无法写入“css”文件(错误代码:EISDIR)Grunt cssmin

我已经定义了一个 uncss grunt 任务,我想将 .min.css 添加到文件夹 /css 中的所有文件内容中,但是当我运行 grunt 命令并保存我的 css 更改(正在查看任务)时,我收到以下错误在控制台中:

这是我的 cssmin 任务:

这是我完整的 Gruntfile.js:

最后这是我的项目结构:

我怎样才能解决这个问题?

0 投票
1 回答
116 浏览

grunt-contrib-cssmin - grunt-contrib-cssmin 缩小后将 px 更改为 pc

我正在使用 yeoman 角度生成器构建一个 Angularjs 应用程序,使用 libsass 而不是 compass,它在本地服务器上运行良好。

但是在构建之后,我的一些 css 属性从 px 更改为 pc,这会导致错误和样式问题。

构建前[未缩小]:背景位置:-468px -11px

构建后[缩小]:背景位置:-468px -11pc

0 投票
1 回答
924 浏览

gruntjs - grunt build 在 cssmin 上因 scss 导入失败而崩溃

我有一个使用 grunt yeoman 角度生成器和 sass 的项目。

在我的 scss 文件中,我有以下几行:

这是由我的 yeoman 生成器自动生成的。

在将项目组合在一起的过程中,发生了一些事情,并且 grunt build 在 cssmin 上失败了:

运行“cssmin:生成”(cssmin)任务警告:“\bootstrap-sass-official/assets/stylesheets/_bootstrap.scss\”的@import声明损坏使用--force继续。

由于警告而中止。

以下是我的 Gruntfile 中的一些相关部分:

并从我的 index.html

不太确定我需要做什么才能找到_bootstrap.scss文件并正确缩小它。

0 投票
2 回答
1395 浏览

css - 使用 Grunt 和 grunt-contrib-cssmin 删除评论

我正在尝试使用 Grunt 和 grunt-contrib-cssmin 删除所有 CSS 注释,CSS 文件被编译并缩小它包含所有注释。

注释应与以下行一起删除:keepSpecialComments: 0

0 投票
2 回答
1021 浏览

gruntjs - 如何控制 grunt-contrib-cssmin 源映射 URL?

我正在尝试将我的 Gruntfile 配置为为我的 CSS 文件自动生成源映射。我有几个未缩小的 CSS 文件,我将它们合并到一个缩小文件中,但我想引用未缩小的文件以dist/src/_assets/css/通过源映射进行调试。我正在使用 grunt-contrib-cssmin 版本 0.14.0 和 grunt 0.4.5。

我的目标项目结构大致是:

  • 距离
    • _资产
      • css
    • 源代码
      • _资产
        • css
  • 源代码
    • _资产
      • css

我的 grunt-contrib-cssmin 配置是:

我有一个单独的复制任务,将bootstrap.cssfont-awesome.cssportfolio.css复制到dist/src/_assets/css,但由于某种原因,源映射试图引用dist/_assets/css/src/_assets/css/而不是dist/src/_assets/css. 有什么方法可以修改源映射正在查看的目录,而无需手动修改源映射?这让我很困惑,因为 grunt-contrib-uglify 中的基本相同设置完全符合我对源映射的要求(即它们引用dist/src/_assets/js)。

0 投票
1 回答
599 浏览

javascript - 使用 grunt-contrib-cssmin 创建缩小 css 时出错

当我尝试使用grunt-contrib-cssmin. SourceMap创建缩小的 css 时遇到问题oncssmin.js` 设置为 false,我找不到为什么我不断收到此错误消息。

我该怎么办./source-map/source-map-generator" error?

错误信息

Gruntfile.js