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

你应该给

concat函数中的文件名，不应该将其作为路径名提供
在包含来源之前添加回报。
添加目的地

尝试以下代码，

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

Answer 2

您缺少目标文件夹。

gulp-concat-link

.pipe(gulp.dest('folderPathHere'));

用Gulp连接文件

2 个答案: