放置前端javascript文件的位置?

时间:2016-12-30 16:38:12

标签: javascript node.js express webpack express-generator

我正在开发一个基于express的Web应用程序,我开始关注express-generator构建的应用程序框架。

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

现在我不确定在/src/app文件夹中放置前端javascript文件的位置?

事实上,我处于app.js/lib/src/app个文件夹之间的两难境地。

  1. 根据express-generator,它会创建一个app.js文件作为主条目,因此,如果app文件夹具有相同的条目名称,则看起来有点奇怪点app.js

  2. webpack usage manual建议使用/src文件夹放置javascript文件。但我认为/src不应该专门用于前端javascripts,另一方面,我不想将服务器和前端javascript文件混合在同一个文件夹中。

  3. 此外,问题Folder structure for a Node.js project的接受答案与之前的观点相矛盾,因为它指出:

  4.   

    / 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与后端相关。

3 个答案:

答案 0 :(得分:1)

我建议您只需将主文件从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之间不会产生误导。

答案 1 :(得分:1)

对于网络应用程序,并没有真正的“必需”结构,正如Abdellah所说,通常最好只关注你和你的同事所熟悉的内容。但是,因为Node.js有一个内置框架,你应该可能使用它。对我来说最有意义的举动是重命名app.js文件,并使用您所说的结构。

答案 2 :(得分:0)

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

由于它是生成的bundle的目的地,我认为您可以更明确地命名webApp或任何您想要的名称。我认为这是你的电话,这里没有严格/最好的做法。选择你和你的团队所熟悉的东西。