平均スタックファイル構造とgrunt

Question

私は個人的なプロジェクトに取り組んで平均スタックを学んでいます。最初は、yeoman/grunt/bowerのコンボを使用しましたが、私はyeomanジェネレータが持っていたファイル構造に満足していませんでしたので、私はプロジェクトで手動で設定したgruntとnode.jsを持っています。

私のアプリのプロトタイプとして、私は自分のファイル構造が良いかどうか質問し続けます。私は多くの研究をしましたが、自分のパブリック/フォルダーを整理するためのより良い方法を見つけることができません。

これは私のプロジェクトの構造は次のようになります。

• API/
  • モデル/ （ここでのMongoDBモデル）
  • db.js （ここでは接続設定を発現する）
  を
  • routes.js （ここに急行路線）
• node_modules/（ここではNPMモジュール）
• 公共/
  • CSS/（ここではCSSファイル）
  • のimg/（ここでは画像）
  • JS/
    • ビュー/ （ここでの角度表示）
    • app.js
  • index.htmlを
• のsrc/
  • CSS/（ここではCSSファイル）
  • のimg/（ここでは画像）
  • js/
    の
    • コントローラ/ （ここでは、角度コントローラ）
    • ディレクティブ/ （ここでは、角度指令）
    • ビュー/ （ここでは、角度ビュー）
  • index.htmlを
• gruntfile.js
• server.js

私はsrc /ですべてのコードを行います。 GruntはすべてのHTMLファイルをコピーします（index。htmlとjs/views /）、cssとimagesを公開して、私のすべての角度jsファイルをpublic/js/app.jsにuglifyします。

これはいい考えですか？私は、生産のためにそれを最小限に抑えながら、私のアプリを非常にモジュラーに保つことを試みています。角度のあるjs/viewファイルを処理するためのより良い/よりクリーンな方法がありますか？

ありがとうございます！

Answer 1

これらのレポをいくつか考えてみることができます。

• unboxは、私はそれは私がすぐに建築
• bevacqua.ioのMEANスタックタイプはVHS版
• brutの上に構築された、私の個人的なウェブサイトで設定するのに役立ちます維持プロジェクトはVHS版の上に別の例であります角度を使用してテンプレートをあらかじめコンパイルします

私はあなたのアプローチに似た何かをします。

bin/ (built, static, site here) 
src/ 
    statics/ 
    css/ 
    js/ 
    img/ 
    views/ 

基本的に私は、「ソース」としてウェブサイトを構成するすべてのものを扱い、必要に応じて、私はすべてをコンパイルし、binにそれを入れて、そこからアプリケーションを提供しています。