2013-11-22 110 views
5

我通過一個個人項目的工作學習MEAN堆棧。起初,我用自耕農/咕嚕/涼亭的組合,但我並不快樂與自耕農發電機過的文件結構,所以現在我只是在我的項目和手工配置的呻吟,Node.js的。MEAN堆棧文件結構和咕嚕

正如我原型我的應用程序,我一直在質疑我的文件結構是否是好還是不好。我做了很多研究,但是我找不到更好的方式來組織我的公共/文件夾。

這是我的項目結構是什麼樣子:

  • 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文件(索引。html和js/views /),將css和圖片添加到public,並將我所有的角度js文件修改爲public/js/app.js。

這聽起來像個好主意嗎?我試圖保持我的應用程序非常模塊化,同時儘量減少生產。有更好/更清潔的方式來處理角度js/view文件嗎?

謝謝!

+2

這個問題太糟糕了,關閉了。我無法找到任何有關文件夾結構應該如何與預處理/後處理和MEAN堆棧一起工作的良好文檔。我不是一個複製從src'文件夾到'public'的所有東西的粉絲,但是,這正是我現在正在使用的解決方案。 –

回答

0

你可以查看這些回購的一些想法。

  • unbox是一個項目,我認爲,幫助我迅速成立了建築的平均堆型
  • bevacqua.io是我的個人網站,建立在拆箱
  • brut的頂部是在拆箱的頂部的另一個例子,但它使用Angular並預編譯模板

說到目錄結構,我做了類似於您的方法。

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

我基本上把構成上述網站的「源」的一切,我的一切編譯根據需要,把它變成bin,並從那裏服務的應用程序。