前端JavaScript文件应该放在哪里？

Question

我正在开发一个基于express的Web应用程序，并开始遵循由express-generator构建的应用程序骨架。

接下来，我添加了webpack到我的项目中，以捆绑客户端资产。

现在，我不确定前端JavaScript文件放在/src还是/app文件夹中。

事实上，我陷入了在app.js、/lib、/src和/app文件夹之间的困境。

根据express-generator，它创建一个名为app.js的文件作为主入口点，因此拥有与入口点app.js同名的app文件夹看起来有些奇怪。

webpack使用手册建议使用/src文件夹放置javascript文件。但我认为/src不应该专门用于前端javascript，另一方面，我也不想在同一个文件夹中混合服务器和前端javascript文件。

此外，对于问题Node.js项目的文件夹结构的已接受答案与之前的观点相矛盾，因为它指出：

/src包含所有特定于服务器端的CoffeeScript文件

所以，我认为/src可能不是放置前端javascript文件的最佳选项，根据问题Node.js project naming conventions for files & folders的被接受答案，我会遵循建议的结构：

  /app - front-end javascript files
  /bin - helper scripts
  /lib - back-end express files

但是，将文件夹命名为/app，并且再创建一个同名的文件app.js，这样做是否可行？此外，/app与前端相关，app.js与后端相关。

- Miguel Gamboa

Answer 1

我建议你只需将主文件从app.js重命名为index.js，并保留Node.js项目命名约定的文件和文件夹结构：

  /app - front-end javascript files
  /bin - helper scripts
  /lib - back-end express files

因此，前端相关的/app文件夹和作为后端入口点的index.js之间不再存在误导。

- Gaspium

Answer 2

对于Web应用程序，没有真正的“必需”结构，如Abdellah所说，最好只是使用您和同事熟悉的结构。然而，由于Node.js具有内置框架，您可能应该使用它。我认为最合理的做法是将app.js文件重命名，并使用您所述的结构。

- Travis

Answer 3

我认为在Web项目中，public文件夹是相当常见的。

由于它是生成的bundle的目标位置，我认为你可以更明确地命名它为webApp或其他你想要的名称。我认为这取决于你和你的团队，这里没有严格/最佳实践。选择你和你的团队感到舒适的东西。

- Abdellah Stands with Palestine

---

/public是webpack打包的所有资源聚合在一起的bundle.js文件的目标路径。 - Miguel Gamboa