前端 javascript 文件放在哪里？答案

【问题标题】：Where to place the front-end javascript files?前端 javascript 文件放在哪里？
【发布时间】：2017-05-14 22:50:10
【问题描述】：

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

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

现在我不确定将前端 javascript 文件放在哪里，如果在 /src 或 /app 文件夹中？

事实上，我在app.js、/lib、/src 和/app 文件夹之间左右为难。

根据express-generator，它会创建一个app.js文件作为主入口，因此拥有一个与入口点app.js同名的app文件夹看起来有点奇怪。
webpack usage manual 建议使用 /src 文件夹来放置 javascript 文件。但我认为/src 不应该专门用于前端 javascript，另一方面，我不想将服务器和前端 javascript 文件混合在同一个文件夹中。
此外，问题Folder structure for a Node.js project 的已接受答案与前一点相矛盾，因为它指出：

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

所以，我认为/src 可能不是放置前端 javscript 文件的更好选择，根据问题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 与后端相关。

【问题讨论】：

【解决方案1】：

我认为public 文件夹是common in web projects。

由于它是生成的bundle 的目的地，我认为您可以更明确地将其命名为webApp 或任何您想要的名称。我认为这是您的决定，这里没有严格/最佳实践。选择您和您的团队都喜欢的东西。

【讨论】：

【解决方案2】：

我建议您将主文件从 app.js 重命名为 index.js 并保留 Node.js project naming conventions for files & folders 中建议的结构：

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

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

【讨论】：

【解决方案3】：

Web 应用程序并没有真正的“必需”结构，正如 Abdellah 所说，通常最好采用您和您的同事都满意的结构。但是，由于 Node.js 有一个内置框架，您应该可能使用它。对我来说最有意义的举措是重命名 app.js 文件，并使用您所说的结构。

【讨论】：