Gulp,concat和uglify文件和concat与供应商



我想用gull连接和丑化我的JS文件。之后,我想用一个供应商文件夹来处理结果,其中包括jquery、bootstrap。。。

在修改了js代码后,如何从供应商文件夹中连接文件?

这是我当前的gump文件:

var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
gulp.task('scripts', function() {
  gulp.src([
          './src/resources/assets/js/**/*.js',
          '!./src/resources/assets/js/vendor/**/*.js'
      ])
    .pipe(concat('main.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./public/js/'));
});
gulp.task('default', ['scripts'], function() {
});

如果我正确理解你的问题,你想用库连接你的js.files,但保留你自己的js的concat版本?

我会这样做,你可以保留两个文件:

var runSequence = require('run-sequence');
gulp.task('myJs', function() {
  gulp.src([
          './src/resources/assets/js/**/*.js',
          '!./src/resources/assets/js/vendor/**/*.js'
      ])
    .pipe(concat('myJs.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./public/js/'));
});
gulp.task('allJs', function() {
    gulp.src([
          './src/resources/assets/js/vendor/**/*.js',
          './public/js/myJs.js'
      ])
    .pipe(concat('allJs.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./public/js/'));
})

gulp.task('default', function() {
  runSequence('myJs',
              'allJs',
              );
});

或者说,你只保留一个文件:

var merge = require('merge2');
gulp.task('scripts', function() {
    // Get your js
    var myJs = gulp.src([
        src + 'my/*.js',
        src + '!not/my/*.js'])
    // Get vendor js
    var vendorJs = gulp.src(src + 'not/my/*.js')
    return merge(myJs, vendorJs)
        .pipe(concat('main.js'))
        .pipe(uglify())
        .pipe(gulp.dest(dest));
});

相关内容

  • 没有找到相关文章

最新更新