Wohin mit den Front-End-Javascript-Dateien?

Question

Ich entwickle eine express basierte Web-Anwendung und ich begann, die Anwendung Skelett von express-generator gebaut.

Als nächstes fügte ich meinem Projekt webpack hinzu, um die clientseitigen Assets zu bündeln.

Jetzt bin ich nicht sicher, wo die Front-End-Javascript-Dateien zu platzieren, wenn in einem /src oder /app Ordner?

In Wahrheit bin ich in einem Dilemma zwischen, app.js, /lib, /src und /app Ordnern.

1. Nach express-generator, es schafft eine app.js Datei als Haupteintrag und somit sieht es ein wenig seltsam app.js einen app Ordner mit demselben Namen des Einstiegspunktes zu haben.

2. webpack usage manual schlägt einen /src Ordner vor, um Javascript-Dateien zu platzieren. Aber ich denke, /src sollte nicht ausschließlich für Front-End-Javascripts sein und auf der anderen Seite möchte ich nicht beide Server und Front-End-Javascript-Dateien im selben Ordner mischen.

3. Darüber hinaus ist die akzeptierte Antwort auf die Frage Folder structure for a Node.js project, widerspricht dem vorherigen Punkt, denn es heißt:

/src enthält alle serverseitige spezifische Coffeescript-Dateien

So Ich denke, dass /src nicht die bessere Option ist, Front-End-Javscript-Dateien zu platzieren, und entsprechend der Accepted-Antwort auf die Frage Node.js project naming conventions for files & folders würde ich dem vorgeschlagenen st folgen ructure:

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

Aber ist es in Ordnung, einen Ordner /app und eine Datei app.js mit dem gleichen Namen zu haben? Darüber hinaus ist /app mit Front-End und app.js mit Back-End verwandt.

Answer 1

Ich würde Ihnen vorschlagen, nur app.js-index.js Ihre Hauptdatei umbenennen und die Struktur in Node.js project naming conventions for files & folders vorgeschlagen halten:

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

So gibt es nicht mehr irreführend zwischen /app Ordner im Zusammenhang mit Front-End und die index.js, das ist der Back-End-Einstiegspunkt.

Answer 2

Ich denke public Ordner ist eher common in web projects.

Da es das Ziel der generierten bundle ist, denke ich, dass Sie es expliziter nennen können webApp oder was auch immer Sie wollen. Ich denke, es ist dein Ruf und es gibt keine starren/besten Praktiken hier. Geh mit etwas, mit dem du und dein Team zufrieden bist.

Answer 3

Es gibt nicht wirklich eine "erforderliche" Struktur für Web-Apps, wie Abdellah sagte, es ist normalerweise am besten, einfach mit dem zu gehen, was Ihnen und Ihren Kollegen gefällt.Da Node.js jedoch über ein integriertes Framework verfügt, sollten Sie wahrscheinlich verwenden. Der Umzug, der für mich am sinnvollsten ist, ist die app.js Datei umzubenennen und die von Ihnen angegebene Struktur zu verwenden.