问题标签 [gulp-minify-css]

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

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

如何让 minifyCss 删除特殊评论？

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

我将如何解决它？

吞咽进口：

吞咽任务：

例外：

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

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

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

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

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

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

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

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

我有这个 gulp css 缩小线：

当我缩小这个 css 部分时：

我明白了：

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

我有什么选择可以避免这种情况吗？（无法切换到 nanocss atm）

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

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

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

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

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

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

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

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

我希望你能帮忙。

和选项文件...

我有以下代码来连接和缩小我的.css文件：

尽管终端没有显示错误，但连接和缩小的代码不起作用。

我应该解决什么问题才能解决问题？我的项目结构：

更新！

就我而言，.css 文件中有一些语法错误。更正它们并删除minifyCSS后效果很好，因为它不再受支持。

我的文件夹结构由一个名为“production”的目录组成，其中包含我正在编写的文件 style.css……我还有另一个名为“css”的目录，它是我的自动前缀 style.css 文件的目标。我设置的 watch 任务非常适合 autoprefixer，但是 minify 任务不能通过 watch 任务来覆盖新创建的 autoprefixed css 与缩小版本。我是 gulp 的新手......任何帮助将不胜感激！

这是我正在做的事情：

文件结构：

我有一个下面的角度文件夹结构。我想丑化/缩小 js 和 html 文件。最后，我希望在“build”文件夹中保持相同的文件夹结构。我怎么能在 gulp 中做到这一点？

谢谢