如何使用Gulp提供连接的Javascript文件？

Question

我正在尝试合并几个JS文件，并使用Gulp将它们作为单个文件提供服务。我希望在不写入文件系统的情况下执行此操作。

这是我到目前为止尝试过的：

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

gulp.task('default', function() {
  connect.server();

  gulp.src('*.js')
    .pipe(concat("assets.js"))
    .pipe(connect.reload());
});

但这不管用。当我尝试访问http://localhost:8080/assets.js时，系统提示找不到它。

我该如何实现这一点呢？如果可以的话，我也可以使用另一个插件而不是gulp-connect。

Answer 1

您必须指定gulp.dest。gulp-concat模块中的一个示例：

gulp.task('scripts', function() {
  return gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});