0

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

我的代码是:

gulp.task('CSS-Pack', function () {
    return gulp.src(['Content/App.css', './Content/ApprovalForm.css'])
               .pipe(concat('stylesheets.css'))
               .pipe(cleanCSS({ debug: true }, function (details) {
                   console.log(details.name + ': ' + details.stats.originalSize);
                   console.log(details.name + ': ' + details.stats.minifiedSize);
               }))
               .pipe(gulp.dest('build/'));
});


gulp.task('CSS-PackAll', function () {
    return gulp.src('Content/*.css')
               .pipe(concat('stylesheets.css'))
               .pipe(cleanCSS({ debug: true, specialComments: false }, function (details) {
                   console.log(details.name + ': ' + details.stats.originalSize);
                   console.log(details.name + ': ' + details.stats.minifiedSize);
               }))
               .pipe(gulp.dest('build/'));
});

我的任务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 终止。

4

1 回答 1

0

我意识到严格来说这不是您问题的答案,但是在使用 gulp-clean-css 缩小我们的 CSS 并将问题跟踪到源代码中的一行时,我遇到了这个确切的错误:

background-image: url('/img/cloader.gif') no-repeat center top;

处理相对 URL 似乎有问题;在我们的例子中,我们不再需要这种样式,并且删除它解决了问题。希望这可以帮助。

于 2017-03-25T07:51:27.163 回答