Gulp 输出到多个文件而不是一个大文件？

Question

是否可以将 gulpfile 配置为输出多个文件而不是一个文件？
我遇到的所有示例都演示了将所有 js 文件缩小和串联成一个 index.html 将加载的大包 js 文件。
当您的应用程序变得更大、更复杂并使用许多库时，这个包会很快变得臃肿，您会了解到一个大的包文件不适合扩展您的应用程序。
这种串联是必须的吗？或者我们可以简单地将每个文件缩小、丑化和浏览化到输出文件夹中相应的缩小版本吗？

干杯
半开

Answer 1

您绝对可以配置一个 gulp 文件来输出多个文件而不是一个文件。例如，我有一个 gulp 任务：

gulp.task('styles', function () {
  gulp.src('dev/less/*.less')
    .pipe(plumber())
    .pipe(less())
    .pipe(prefix())
    .pipe(minifyCSS())
    .pipe(gulp.dest('dist/css'))
});

我的 less 文件夹中有 5 个 .less 文件，它们在我的分发文件夹中变成了 5 个名称匹配的 .css 文件。

还有 JavaScript 个文件：

gulp.task('scripts', function () {
  gulp.src('dev/landing/*.js')
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'));
});

四个 JavaScript 文件在我的 distribution/js 文件夹中变成了它们自己的丑化版本。

但是，如果您想具体解决 browserify，这是一个不同的问题。 browserify 构建的目的是包含源自您最初包含的 JavaScript 文件的任何依赖项。

如果保留单独的文件对您来说更重要，您可以查看 browserify-deoptimizer

Gulp 输出到多个文件而不是一个大文件？

Gulp output to multiple files rather than one big file?

javascript

build

gulp

frontend

browserify