gulp 的新手，压缩有问题

Question

我正在尝试让 gulp 工作流程继续进行，但我对某些事情感到困惑。

我有 3 个 css 文件要合并和压缩。在我做任何事情之前，它们总共有 362KB。

这是我的gulpfile.js。

var gulp = require('gulp');
var concatCSS = require('gulp-concat-css'); 
var minifyCss = require('gulp-minify-css');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');

gulp.task('default', function(){
  gulp.src(['public/css/*.css', '!public/css/style.min.css'])
  .pipe(concatCSS('css/style.min.css'))
  .pipe(minifyCss({compatibility: 'ie8'}))
  .pipe(gulp.dest('public/'))
});

gulp.task('js', function(){
  gulp.src(['public/js/jquery.js',
    'public/js/bootstrap.js',
    'public/js/plugins.js',
    '!public/js/scripts.js'])
  .pipe(concat('js/app.min.js'))
  .pipe(gulp.dest('public/'));
});

css 做了它应该做的，我想但我的结果文件仍然是 292KB。那是正常的吗？我认为它可以节省 30-40% 的文件大小。

Answer 1

Minify 并没有真正给予丰厚的回报。

您需要使用的是 uglify 插件，这是您可以节省更多费用的地方。

一旦您的 CSS 被串联，运行 gulp-uglify 任务就可以了。

有兴趣看看您的储蓄是多少。

gulp 的新手，压缩有问题

New to gulp, having issues with compressing

css

gulp