增量构建前端项目

Question

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

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

我有一个处理这个问题的想法：

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

• 将同一文件夹中的 js 文件连接（仅连接，而不是缩小）一个 js 文件。仅当文件夹中的一个文件发生更改时（使用 gulp-cache 和 gulp-remember）才构建文件夹中的所有文件。

你对我有什么建议吗？试试 browserify 还是 webpack？

Answer 1

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