Javascript 在构建应用程序时维护两个文件夹

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

---

我的问题是，这是否是一个正确的方法。生成文件夹的使用是多余的吗？有什么最佳实践方法吗？

这只是最佳实践

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

由于gulp将所有JS文件合并为一个文件，对于CSS也是如此，这使得浏览器只发出两个请求（一个用于JS，一个用于CSS），这对性能也有好处。如果一个SPA包含很多JS文件，那么浏览器单独请求获取每个JS是不好的。CSS也是如此

生成文件夹：将部署的文件夹。它是使用GULP、GRUNT或任何其他任务运行程序生成的

---

src：在进行开发并最终将所有CSS和JS合并到一个单独的文件中，分别包含在构建中的CSS和JS

我认为从源代码构建应用程序并将结果投入生产是一个很好的做法，这绝对比将源代码投入生产要好。通过您的实践，您可以将包而不是项目源与子文件夹和子文件放在一起