Struttura file stack MEAN e grugnito

Question

Sto imparando lo stack MEAN lavorando a un progetto personale. All'inizio, ho usato la combinazione di yeoman/grunt/bower, ma non ero contento della struttura dei file che avevano i generatori di yeoman, quindi ora ho un grunt e jjs.js configurato manualmente nel mio progetto.

Mentre prototipo la mia app, continuo a chiedermi se la mia struttura dei file sia buona o meno. Ho fatto molte ricerche, ma non riesco a trovare un modo migliore di organizzare il mio pubblico/cartella.

Questo è ciò che la mia struttura del progetto si presenta come:

• API/
  • modelli/(modelli mongodb qui)
  • db.js (esprimere le impostazioni di connessione qui)
  • routes.js (percorsi espressi qui)
• node_modules/(moduli NPM qui)
• pubblici/
  • css/(file css qui)
  • img/(immagini qui)
  • JS/
    • visualizzazioni/(viste angolari qui)
    • app.js
  • index.html
• • (file css qui) src/CSS/
  • img/(immagini qui)
  • js/
    • controllori/(controllori angolari qui)
    • direttive/(direttive angolari qui)
    • visualizzazioni/(viste angolari qui)
  • index.html
• gruntfile.js
• server.js

Faccio tutti i miei codici in src /. Grunt copia tutti i file html (indice.html e js/views /), css e immagini al pubblico, e snellisce tutti i miei file js angolari in public/js/app.js.

Ti sembra una buona idea? Sto cercando di mantenere la mia app estremamente modulare, minimizzandola per la produzione. Esiste un modo migliore/più pulito per gestire i file angolari di js/view?

Grazie!

Answer 1

È possibile controllare questi repository per alcune idee.

• unbox è un progetto Io sostengo che mi aiuta a impostare rapidamente un tipo pila media di architettura
• bevacqua.io è il mio sito personale, costruito su di Unbox
• brut è un altro esempio in cima Unbox, ma usa Angular e pre-compila i modelli

Parlando di struttura di directory, faccio qualcosa di simile al tuo approccio.

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

Fondamentalmente io trattare tutto ciò che compone il sito web come "fonte", e ho compilato tutto come necessario, la messa in bin, e servire l'applicazione da lì.