Gulp concat很多文件很慢

时间:2016-07-22 16:25:33

标签: performance gulp multiple-files gulp-concat

所以我有一个gulp配置,可以将我的所有角度文件合并为一个 以下是相关的相关位

const jsPaths = [
  'src/js/**/*.js', // no more than 100 files
  'node_modules/angular-google-places-autocomplete/src/autocomplete.js',
  'node_modules/angular-foundation-6/dist/angular-foundation.js',
  'node_modules/angular-slugify/angular-slugify.js',
  'node_modules/satellizer/satellizer.js',
  'node_modules/angular-toastr/dist/angular-toastr.tpls.js',
  'node_modules/angular-filter/dist/angular-filter.js'
]

gulp.task('jsbundle', function(done){
  jsbundle(done)
})

gulp.task('js', ['jsbundle'], function(){
  transpileJs()
})

function jsbundle(done){
  gulp.src(jsPaths)
  .pipe(concat('concat.js'))
  .pipe(gulp.dest('tmp'))
  .on('end', function() {
    done();
  });
}

Finished 'jsbundle' after 5.04 s
完成的文件大约是1.5mb 我有什么办法可以加快速度吗?

1 个答案:

答案 0 :(得分:0)

您可以使用uglify轻松缩小它。 首先安装uglify并重命名:

npm install -rename gulp-uglify --save-dev 

并添加:

`function jsbundle(done){
     gulp.src(jsPaths)
    .pipe(concat('concat.js'))
    .pipe(gulp.dest('tmp'))
    .pipe(rename('concat.min.js'))
    .pipe(uglify())
   .pipe(gulp.dest('tmp'));
   .on('end', function() {
       done();
   });
}`