Question

我很擅长吞咽。我正在尝试将几个JS文件合并在一起，当我添加jQuery（或jQuery UI）时，编译器会抛出错误：

events.js:160
  throw er; // Unhandled 'error' event
  ^
Error: [path]\public\components\jquery\dist\jquery.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/'));

Gulp concat jQuery抛出错误

2 个答案: