Gulp 增量构建前端项目

增量构建确实给我带来了很大的麻烦（对于开发过程，在生产构建中，我缩小了文件并将其连接到一些文件中）

我的项目（angular）有数百个js文件，加载网页最多需要2分钟。根本原因：获取文件的请求太多（>1000个文件）

我有一个解决这个问题的办法：

• 将所有第三方库连接到一个文件（与gulp angular方式相同）

• 将同一文件夹中的js文件连接（仅连接，不缩小）到一个js文件。仅当文件夹中的一个文件发生更改时（使用gulp cache和gulp Memory），才在该文件夹中生成所有文件

---

你有什么建议给我吗？尝试browserify或webpack？

要添加到您的方法中，您可以合并缩小，从而减少连接的文件。这进一步提高了性能。

一旦代码生产就绪，通常会采用缩小。它混淆了代码，因此在开发阶段调试变得很困难。如果工作是主动完成的，则从文件连接中排除这些文件，而不是直接从html加载它们。使用grunt watch或类似机制跟踪这些文件的更改，并将更改的文件移动到服务器（livereload）。这可能缩短部署周期。我仍在探索这种方法。我遵循这种方法，但我使用的是gulp