【发布时间】:2017-03-10 13:26:47
【问题描述】:
我想缩小文件夹中的所有 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 返回路径.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 终止。
【问题讨论】:
-
你能尝试几件事吗?在您的
CSS-Pack任务中使用'Content/*.css',看看会发生什么。此外,请尝试删除额外的配置参数specialComments,这是对CSS-PackAll任务中先前版本的制动更改。 -
我在文件夹引导 css 文件 Content/*.css
-
这是什么意思?
标签: css gulp minify gulp-clean-css gulp-minify-css