问题标签 [gulp-minify-css]

// 缩小并连接所有 css 文件

当我第一次运行该任务时，它可以正常编译并且所有更改都在那里。在我更改某些内容并再次运行后，它不会覆盖现有的缩小 css 文件。如果我要删除缩小的 css 并再次运行任务，一切都会完美。有什么见解吗？

如何获取在 gulp 中编译的 base.less 缩小文件并将其导入 main.ts

我想缩小文件夹中的任何 css，我在其中使用 gulp-clean-css 插件进行 gulp。

我的代码是：

我的任务CSS-Pack工作，但我开始任务CSS-PackAll我有以下错误：

我在哪里使用 minify-css（我想使用 gulp-clean-css，因为 minify-css 已被贬低）插件CSS-PackAll工作..

:\Users\gkv\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:45 return path.isAbsolute(uri); ^ TypeError: Object # has no method 'isAbsolute' 在 isAbsolute (C:\Users\gstev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:45:15) 在 rebase (C: \Users\gkrystev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:23:7) 在 rewriteUrl (C:\Users\gkrystev\ TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:114:5) 在 rebaseSourceMapComment (C:\Users\gkrystev\TFS\SharePoint Online\ LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rebase.js:78:45) 进程以代码 8 终止。

这个问题类似于：为什么我们在缩小的 JavaScript 中有换行符？

在这种情况下，我更喜欢半打左右的换行符。为什么缩小器将代码和样式减少到一行？即使在生产代码上，我也可能有我没有考虑到的错误。虽然其他人可能是专业的 100% 完美的开发人员，但我希望可以选择至少插入十几个换行符。我已经避免缩小代码了。到现在为止，我想要更多的性能，但也想要一些代码审查的平衡。

也许不是每个函数都换行，但至少每个类对象都需要换行，因为我使用了很多自定义的 React 组件类。

漂亮的：

Uglified

Something in between

有六个左右的换行符可以让我缩小导致问题的函数或类的范围。我知道这不应该取代开发过程中的测试。

我正在开发新版本的项目，当启动精灵变得混乱并且需要进行版本控制以仅检查最新添加时，精灵现在仅使用 sprite.png 和 sprite-2x.png。

但是当我使用 gulp css 和 gulp cssmin(gulp-minify-css) 生成时，精灵 imagePath(sprite.png?v4=.1) 中的版本消失了（在 style.css 中，只有 sprite.png 没有？v=4.1）。

这是我的精灵配置也创建 sprite.png

结果在 spritemap scss 中：

在 Style.css 中

这是 gulp css config // CSS 任务（编译 SASS、自动前缀和合并媒体查询）

为什么会丢失？还有其他方法吗？

这是我所拥有的：

我的问题：

当我最初运行gulp它时，它运行良好。当我保存文件时，唯一执行的函数是sass，但我的站点文件链接到缩小的 CSS，所以我需要每个函数都可以工作，否则我看不到我的更改。一旦我添加了任务，这个问题就开始了minify-css。

V2 更新

我使用gulp -clean-css作为gulp.task来缩小 CSS。

我的文件路径是css/mehr.css，缩小 CSS 的路径是css/mehr.min.css

但是当我运行任务时：

mehr.min.css 已创建，但它是空的！

输出 ：

我的 gulpfile.js 是：

我使用最新版本的 gulp-clean-css ：

输出 ：

我按照以下步骤安装了 cssnano：http: //cssnano.co/guides/getting-started/

进入我的项目的根目录：

在我安装 postcss-cli 之后：

最后我按照指南创建了 postcss.config.js 文件：

我只能缩小一个文件。在我的项目中，我执行了：

但是我无法像在 gulp 中那样包含多个输入文件（而且我不知道这是否可能）。当我尝试运行这种类型的命令时：

出现以下错误：

我正在使用以下 gulp 代码来构建我的部署文件。

接下来，当我像没有收到任何错误一样运行“gulp”命令时

但是在与“gulpfile.js”位于同一目录中的“dist”文件夹中，不显示任何生成的文件。

我也检查了版本。

我在这里做错什么了吗？

我有这个 gulpfile.js 来编译 css，但我也想缩小我的 css。我尝试运行在互联网上找到的许多不同代码，但它们都不起作用。任何人都可以帮助我吗？谢谢