Question

我正试图让一个大口气的工作流程开始，我对某些事感到困惑。

我想要连接和压缩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新手，遇到压缩问题

1 个答案: