フロントエンドのjavascriptファイルはどこに置くのですか？

Question

私はexpressベースのWebアプリケーションを開発しており、express-generatorによって構築されたアプリケーションスケルトンに従いました。

次に、私のプロジェクトwebpackにクライアント側の資産をバンドルするために追加しました。

/srcまたは/appフォルダにフロントエンドのjavascriptファイルを配置する場所がわからないのですか？

実際、私は、app.js、/lib、/src、/appの間のジレンマに陥っています。

1. express-generatorによれば、メインのエントリとしてapp.jsファイルを作成しますので、それがエントリーポイントapp.jsの同じ名前のappフォルダを持つように少し奇妙に見えます。

2. webpack usage manualは、/srcフォルダにjavascriptファイルを配置することを示しています。しかし、私は/srcがフロントエンドのjavascript専用であってはならないと思います。一方、同じフォルダにサーバとフロントエンドの両方のjavascriptファイルを混在させたくありません。だから、

   を

/srcはすべてサーバー側が含まれている特定のCoffeeScriptファイル：それは述べているので

また、質問Folder structure for a Node.js projectへの受け入れ答えは、前のポイントと矛盾します私はおそらく/srcは、フロントエンドのjavscriptファイルを配置するためのより良い選択肢ではないと思うし、質問に受け入れられた答えによるとNode.js project naming conventions for files & folders私は提案されたSTに従うだろうructure：

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

しかし、それは大丈夫ですが、フォルダ/appと同じ名前のファイルapp.jsを持っていますか？さらに、/appはフロントエンドに関連し、app.jsはバックエンドに関連しています。

Answer 1

私はちょうどindex.jsにapp.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、これはバックエンドエントリポイントです。

Answer 2

publicフォルダはむしろcommon in web projectsです。

これは生成されたbundleの宛先なので、より明示的にはwebAppなどの任意の名前を付けることができます。私はそれがあなたの呼び出しだと思うし、厳格な/ベストプラクティスはここにない。あなたとあなたのチームが慣れ親しんでいる何かに行ってください。

Answer 3

Abdellah氏によると、Webアプリケーションには本当に「必須」の構造はありません。あなたとあなたの同僚が快適であることに気を付けるのが通常です。しかし、Node.jsにはフレームワークが組み込まれているため、、おそらくを使用する必要があります。私にとって最も理にかなっているのは、app.jsファイルの名前を変更し、あなたが述べた構造を使用することです。