gulp 是不是对 javascript 文件进行代码拆分？

Posted 2023-02-19

【中文标题】gulp 是不是对 javascript 文件进行代码拆分？

【英文标题】：Does gulp have code splitting for javascript files?gulp 是否对 javascript 文件进行代码拆分？

【发布时间】：2017-02-01 13:41:55

【问题描述】：

我正在使用 gulp，我想知道它是否具有代码拆分功能。类似于webpack site 中提到的内容。我在网上看过，但没有看到任何专门用于此的内容。

【问题讨论】：

对于 SO 来说不是一个合适的问题

你可以使用webpack from gulp，所以如果你真的想要这个功能，没有什么能阻止你这样做。

我觉得这是个好问题。想知道同样的事情。 +1

内森·斯塔森爵士谢谢！

我个人认为这是一个很好的问题。我可能是错的（如果我错了，请纠正我）但由于 gulp 是 task runner 而不是 code bundler，我认为代码拆分不适用于它。相反，代码拆分将适用于像 Browserify 这样的代码捆绑器。 WebPack 本质上是 gulp+browserify+其他工具封装在一个简洁的小包中。

【参考方案1】：

我在互联网上找到了这个gulp-split-files，我希望这能回答你的问题。

正如作者在文档中所说的那样。

在你的 gulpfile 中：

const gulp = require("gulp");
const splitFiles = require("gulp-split-files");

gulp.task("split", function () 
    return gulp.src("superMegaBigCss.css")
    .pipe(splitFiles())
    .pipe(gulp.dest("path/to/dest"));
);

这将产生三个文件：

superMegaBigCss-0.css
superMegaBigCss-1.css
superMegaBigCss-2.css

我认为这个包不是很有用，因为它拆分了我们放置注释 /*split*/ 的代码。

---

就个人而言，我非常喜欢使用 webpack，现在我在我的大部分项目中都使用它，我认为它就像一个屠夫，它将文件切碎并以不同的方式打包。