用Gulp连接文件

Concatenating files with Gulp

本文关键字：文件 连接 Gulp      更新时间：2023-09-26

我刚开始使用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。我做错了什么?

你应该给

  1. 文件名在concat函数中，你不应该给它作为路径名

  2. 添加目的地

试试下面的代码，

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

您的目标文件夹丢失了。

gulp-concat-link 

.pipe(gulp.dest('folderPathHere'));
相关文章：