javascript - 构建应用程序时维护两个文件夹

Question

我在构建应用程序时遵循以下方法。我正在使用 Angular，但这个问题不仅限于 Angular。我有两个文件夹，一个名为 build，另一个名为 src。 我正在 src 内进行开发，但应用程序是从构建运行的。 Gulp 负责使用适当的文件填充构建文件夹(从 src 复制或使用 Gulp 创建；例如，通过连接 src 中的许多 .SCSS 文件在构建中创建一个 .CSS 文件)。

我的问题是这是否是正确的方法。使用构建文件夹是否多余？有没有最佳实践方法？

Answer 1

这只是最佳实践。

基本上，当应用程序包含大量 JS 和 CSS 文件时，您需要将它们合并到最终部署的构建文件夹中的公共(public)文件中。

由于 gulp 将所有 JS 文件合并到一个文件中，对于 CSS 也是如此，这使得浏览器只发出两个请求(一个用于 JS，一个用于 CSS)，这也有利于性能。如果一个 SPA 包含大量 JS 文件，那么浏览器发出单独的请求来获取每个 JS 并不好。 CSS 的情况也类似。

构建文件夹:将要部署的文件夹。它是使用 GULP、GRUNT 或任何其他任务运行程序制作的

src:您进行开发并最终将所有 CSS 和 JS 合并到一个文件，以便 CSS 和 JS 分别包含在构建中