【问题标题】:Concatenating files with Gulp使用 Gulp 连接文件
【发布时间】:2015-07-17 11:40:49
【问题描述】:

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

【问题讨论】:

    标签: javascript gulp


    【解决方案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/'));     
    });
    

    【讨论】:

      【解决方案2】:

      您缺少目标文件夹。

      gulp-concat-link

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

      【讨论】:

        猜你喜欢
        • 2014-08-26
        • 1970-01-01
        • 2015-07-31
        • 2017-12-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-03-09
        • 1970-01-01
        相关资源
        最近更新 更多