问题标签 [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.
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)的产物,则输入源映射可以作为字符串传递.
但我不明白如何将此字符串传递给任务。甚至可能吗?我怎样才能做到这一点?
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,我不知道如何添加此参数。
任何想法 ?
谢谢 !
javascript - 压缩 JS 文件时出现有趣的错误 - 尝试将文件夹读取为 JS 文件
我有一个 Grunt 任务,它遍历目录和子目录并压缩 JS 和 CSS 文件。
我收到以下错误,这意味着它不小心认为less.js
文件夹是 JavaScript 文件。我想知道是否可以配置该正则表达式(通配符)以跳过名称为less.js
.
javascript - 无法写入“css”文件(错误代码:EISDIR)Grunt cssmin
我已经定义了一个 uncss grunt 任务,我想将 .min.css 添加到文件夹 /css 中的所有文件内容中,但是当我运行 grunt 命令并保存我的 css 更改(正在查看任务)时,我收到以下错误在控制台中:
这是我的 cssmin 任务:
这是我完整的 Gruntfile.js:
最后这是我的项目结构:
我怎样才能解决这个问题?
grunt-contrib-cssmin - grunt-contrib-cssmin 缩小后将 px 更改为 pc
我正在使用 yeoman 角度生成器构建一个 Angularjs 应用程序,使用 libsass 而不是 compass,它在本地服务器上运行良好。
但是在构建之后,我的一些 css 属性从 px 更改为 pc,这会导致错误和样式问题。
构建前[未缩小]:背景位置:-468px -11px
构建后[缩小]:背景位置:-468px -11pc
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
文件并正确缩小它。
css - 使用 Grunt 和 grunt-contrib-cssmin 删除评论
我正在尝试使用 Grunt 和 grunt-contrib-cssmin 删除所有 CSS 注释,CSS 文件被编译并缩小它包含所有注释。
注释应与以下行一起删除:keepSpecialComments: 0
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.css、font-awesome.css和portfolio.css复制到dist/src/_assets/css
,但由于某种原因,源映射试图引用dist/_assets/css/src/_assets/css/
而不是dist/src/_assets/css
. 有什么方法可以修改源映射正在查看的目录,而无需手动修改源映射?这让我很困惑,因为 grunt-contrib-uglify 中的基本相同设置完全符合我对源映射的要求(即它们引用dist/src/_assets/js
)。
javascript - 使用 grunt-contrib-cssmin 创建缩小 css 时出错
当我尝试使用grunt-contrib-cssmin.
SourceMap创建缩小的 css 时遇到问题on
cssmin.js` 设置为 false,我找不到为什么我不断收到此错误消息。
我该怎么办./source-map/source-map-generator" error?
错误信息
Gruntfile.js