本文介紹了CSS 使用 gulp 縮小和重命名的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
限時送ChatGPT賬號..
我有一個類似的變量
var files = {
'foo.css': 'foo.min.css',
'bar.css': 'bar.min.css',
};
我希望 gulp 為我做的是 minify 文件，然后為我 rename.
What I want the gulp to do for me is to minify the files and then rename for me.
但任務當前寫為(針對一個文件)
But the tasks is currently written as (for one file)
gulp.task('minify', function () {
gulp.src('foo.css')
.pipe(minify({keepBreaks: true}))
.pipe(concat('foo.min.css'))
.pipe(gulp.dest('./'))
});
如何重寫以使其與上面定義的變量 files 一起使用?
How to rewrite so it work with my variable files defined above?
推薦答案
您應該能夠使用 Glob 為您的 src 選擇所需的任何文件，而不是在對象中定義它們，這應該會簡化您的任務.此外，如果您希望將 css 文件縮小為單獨的文件，則無需將它們連接起來.
You should be able to select any files you need for your src with a Glob rather than defining them in an object, which should simplify your task. Also, if you want the css files minified into separate files you shouldn't need to concat them.
var gulp = require('gulp');
var minify = require('gulp-minify-css');
var rename = require('gulp-rename');
gulp.task('minify', function () {
gulp.src('./*.css')
.pipe(minify({keepBreaks: true}))
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest('./'))
;
});
gulp.task('default', ['minify'], function() {
});
這篇關于CSS 使用 gulp 縮小和重命名的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！