GULP:将来自不同任务的多个文件连接到同一个最终的js文件

时间:2016-07-05 22:35:57

标签: gulp

我无法弄清楚如何将不同任务的javascript文件输出到同一个文件。

以下是示例:

var gulp = require('gulp');


var concat = require('gulp-concat');
var jquery = require('gulp-jquery');

gulp.task('scripts', function() {
    var scrptSrc = './src/scripts/*.js',
        scrptDst = './build/scripts';
    return gulp.src(scrptSrc)
        .pipe(concat('final.js'))
        .pipe(gulp.dest(scrptDst))
        ;
});

gulp.task('jquery', function () {
 scrptDst = './build/scripts';
 return gulp.src('./node_modules/gulp-jquery/node_modules/jquery-custom/jquery.2/dist/jquery.js')
 .pipe(concat('final.js'))
 .pipe(gulp.dest(scrptDst))
 });

// Default Task
gulp.task('default', [
    'jquery',
    'scripts'
]);

我最终只使用脚本文件夹中的2个脚本。

由于

1 个答案:

答案 0 :(得分:1)

我找到的解决方案是传递一个数组:

var gulp = require('gulp');


var concat = require('gulp-concat');
var jquery = require('gulp-jquery');

gulp.task('scripts', function() {
    var scrptSrc = ['./src/scripts/*.js', './node_modules/gulp-jquery/node_modules/jquery-custom/jquery.2/dist/jquery.js'],
        scrptDst = './build/scripts';
    return gulp.src(scrptSrc)
        .pipe(concat('final.js'))
        .pipe(gulp.dest(scrptDst))
        ;
});

gulp.task('jquery', function () {
 scrptDst = './build/scripts';
 return gulp.src('./node_modules/gulp-jquery/node_modules/jquery-custom/jquery.2/dist/jquery.js')
 .pipe(concat('final.js'))
 .pipe(gulp.dest(scrptDst))
 });

// Default Task
gulp.task('default', [
    'scripts'
]);