问题标签 [gulp-clean-css]

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 投票
1 回答
594 浏览

gulp - 带有 gulp-minify-css 的 gulp-sourcemaps 崩溃

我正在用 gulp 任务编译 bootstrap-sass:

但这给了我以下错误:

问题似乎出在我使用源地图时;如果我删除它,任务就会通过。但是对于我所有的 gulp 依赖项,我都在使用“最新”版本;并且 gulp-minify-css 更改日志表明它支持 sourcemaps < 1.1.6。当我使用没有缩小的源映射时,构建也会通过。

0 投票
2 回答
9266 浏览

css - Gulp minifyCss 删除特殊注释

我正在使用 gulp minifyCss 来缩小我的 css 以减少文件大小。我的 gulp 任务看起来像这样:

它工作正常并按预期输出。但是,它不会删除特殊注释/*! comment */

如何让 minifyCss 删除特殊评论?

0 投票
2 回答
3227 浏览

sass - gulp-sass 将 Google Fonts CSS 编译到文件中,中断协议相关链接

当我在.scss文件中使用以下代码时

我使用的 SASS 解析器 (nodejs gulp-sass) 很乐意从所述位置下载文件,并将其作为纯文本包含在编译输出中。

这是我的 Gulpfile:

问题是,我的网站使用HTTPS,并且当编译器请求文件时,它使用 获取文件HTTP,因此返回的响应中的 URL 也HTTP导致控制台出现大量警告,而字体不会加载.

有什么办法可以告诉编译器不要管那一行吗?

0 投票
2 回答
4878 浏览

css - 使用 css 缩小的远程字体导入

我正在尝试连接和缩小所有 Bower 包资产,包括 css。其中之一是 bootswatch 设计,它导入谷歌字体。问题是,在其上运行 css 任务会导致超时异常。我猜它正在尝试下载这些字体,并且每次都不会发生异常,因此需要很长时间。

我将如何解决它?

吞咽进口:

吞咽任务:

例外:

单独运行此任务而其他任何事情都无法正常工作(据我所知,极限测试),但与其他任务一起运行会导致上述错误。

0 投票
1 回答
3252 浏览

javascript - 使用 Gulp 远程导入字体

所以我注意到我当前的 Gulp 设置没有导入远程字体,例如谷歌字体。在我的main.scss文件中,我有:

当它编译缩小时,它看起来像这样:

我正在使用gulp-minify-css它使用 clean-css。我知道您可能需要做一些事情才能使远程导入正常工作,但是阅读文档给我留下了更多问题,然后是答案。这是我处理 Sass/CSS 缩小的 gulp 文件的一部分:

任何帮助,将不胜感激!谢谢。

0 投票
1 回答
540 浏览

gulp - Bootstrap 4. CSS 缩小会产生错误的结果

我已经用 Bower 安装了 Bootstrap 4.0-alpha,现在我有了一个包含预编译 bootstrap.css 和 bootstrap.min.css 的 dist 目录。在开发环境中,我尝试不使用压缩版本,而是在部署中使用缩小版本。我使用 Laravel Elixir 来运行我的任务。压缩后,一些引导程序样式已更改。例如,h1 标签有“margin-top:0.67em”(它已经发生,因为“margin-top:0px”的优先级较低)。当然,我可以简单地使用 dist 目录中的预压缩文件,这完全可以。但是如果是我的缩小器的问题,恐怕会导致进一步发展的错误结果。所以我的问题是为什么会这样?

0 投票
1 回答
6535 浏览

angularjs - 防止 gulp 缩小本地机器上的代码

我开始了一个[RDash angular dashboard][1]使用 gulp 的项目。这是我第一次使用 gulp,问题是我在本地工作时无法调试,因为它会缩小 css/js/html 文件。

在本地工作时如何防止 gulp 缩小?

这是我在 gulpfile.js 上的内容:

0 投票
1 回答
1258 浏览

gulp-uglify - clean-css TypeError 无法读取 null 的属性“0”

我正在尝试缩小我的代码,并且在运行 clean-css 时总是出现此错误。

我读过不同的帖子,上面写着删除评论行等,但对我来说一切都没有解决。

任何人有任何其他想法或方法来解决这个问题

0 投票
2 回答
1532 浏览

css - minifycss 的缩小错误

我有这个 gulp css 缩小线:

当我缩小这个 css 部分时:

我明白了:

由于那个括号的东西,它破坏了整个css。

我有什么选择可以避免这种情况吗?(无法切换到 nanocss atm)

0 投票
0 回答
500 浏览

gulp - gulp 中的源映射不映射到文件

我一直在寻找相关问题,但没有找到答案(或问题,就此而言)。大多数问题是关于错误的路径或未生成源映射,但我还没有发现类似的东西。

当我处理这个任务时,我得到一个缩小的 css 文件(bootstrap.min.css)和一个源映射文件(bootstrap.min.css.map)。

但是,当我检查使用这些文件的代码时,某些部分会将我引导至 bootstrap.css(它不存在),例如源是已处理的 less 文件,而不是 less 文件本身……并且某些部分会直接我到 .less 文件。

引导我到 bootstrap.css 的部分确实将我带到了生成的 css,而不是缩小。但我需要它来引导我访问源代码较少的文件(这就是我们首先需要源映射的原因)

在生成的 sourcemap 中有一个指向 bootstrap.css 的源链接,但没有生成 bootstrap.css。

我的 bootstrap.less 任务会发生这种情况,但其他一些几乎完全相同的任务也会发生这种情况。

我还没有找到任何模式可以告诉我为什么有些部分确实会引导我进入较少的文件而有些则不会。

我一直在拉我的头发一整天试图找出问题所在!

我希望你能帮忙。

和选项文件...