Gulp Concat jQuery丢弃错误

Question

我对Gulp非常新鲜。我正在尝试将几个JS文件合并在一起，当我添加jQuery(或jQuery UI(时，编译器会引发错误：

events.js:160
  throw er; // Unhandled 'error' event
  ^
Error: [path]publiccomponentsjquerydistjquery.js:16:2: missing '}'

我的jQuery是通过Bower(版本3.2.1(和JQuery UI(1.12.1(。

的新鲜副本。

我的Gulp任务如下：

gulp.task('js', function() {
    gulp.src(
        [
            config.bowerDir + '/jquery/dist/jquery.js',
            config.bowerDir + '/jquery-ui/jquery-ui.js',
            './public/js/custom.js'
        ]
    )
        .pipe(concat('script.js'))
        .pipe(gulp.dest('./public/js/'));
} );

任何帮助将不胜感激。

Answer 1

gulp.task('js', function() {
  return gulp.src([
        config.bowerDir + '/jquery/dist/jquery.js',
        config.bowerDir + '/jquery-ui/jquery-ui.js',
        './public/js/custom.js'
    ])
    .pipe(concat('script.js'))
    .pipe(gulp.dest('./public/js/'));
});

Answer 2

对不起，所有问题都是我自己的愚蠢。我的 concat 函数实际上是 gulp-concat-css ，而不是 gulp-concat 。我花了三天的时间发现了错误。

(...)
var concat = require('gulp-concat');
(...)
gulp.task('js', function() {
    return gulp.src([
            config.bowerDir + '/jquery/dist/jquery.js',
            config.bowerDir + '/jquery-ui/jquery-ui.js',
            './public/js/custom.js'
        ])
        .pipe(concat('scripts.js'))
        .pipe(gulp.dest('./public/js/'));