javascript - 使用 Gulp 连接文件

Question

我刚开始使用 Gulp。我正在尝试将我的 JavaScript 文件连接到一个文件中。目前，我有以下内容:

gulpfile.js

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

var input = {
    js: './src/**/*.js'
};

var output = {
    js: './dist/myJavaScript.min.js'
}

gulp.task('default', ['clean', 'bundle-js']);

gulp.task('clean', function(callback) {

});

gulp.task('bundle-js', function() {
    gulp.src(input.js)
        .pipe(concat(output.js))
        .pipe(uglify())
    ;
});

当我运行这个时，myJavaScript.min.js永远不会生成。我运行了 gulp --verbose ，但没​​有看到任何文件被输入。但是，我的目录结构如下所示:

/
  /src
    /childDirectory
      file2.js
    file1.js
  gulpfile.js
  package.json

根据我的理解，我用于input.js的表达式应该得到file1.js和file2.js。我做错了什么？

Answer 1

你应该给予

1. concat 函数内的文件名，不应将其作为路径名

2. 在包含源之前添加返回。

3. 添加目的地

尝试以下代码，

gulp.task('bundle-js', function() {
    return gulp.src(input.js)
        .pipe(concat('myJavaScript.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./dist/'));     
});