Come copiare i file di giada compilati in una cartella di destinazione utilizzando grugnito

Question

Per una pagina singola applicazione che sto lavorando, ho la seguente struttura:

• dist
  • css
  • js
  • lib
  • parziali
  • index.html
• src
  • css
  • js
  • lib
  • Visto
    • parziali
    • index.jade

La directory dist verrà utilizzata dal server Express per servire il progetto. Ho compiti grugnito banali (utilizzando grugnito-contrib-pulito, grugnito-contrib-copia) per la pulizia dist e la copia src/css, src/js, src/lib a dist.

Il problema si trova con src/views. Questa directory contiene i file jade che devono essere compilati in file html. Dopo la compilazione li voglio in dist (index.html nella radice dist, partial come sottodir).

Al momento sto utilizzando l'attività grunt-contrib-jade per compilare e copiare i file di giada. Voglio copiarli su dist, dato che non voglio aggiungere i file html compilati al controllo del codice sorgente. Ma ora questo non è davvero praticabile, dal momento che è necessario specificare tutti i file di giada (ora ci sono solo pochi, ma che cresceranno):

jade: { 
     compile: { 
      options: { 
       pretty: true 
      }, 
      files: { 
       // TODO make one line 
       'dist/index.html': ['src/views/index.jade'], 
       'dist/partials/banner.html': ['src/views/partials/banner.jade'], 
       'dist/partials/dashboard.html': ['src/views/partials/dashboard.jade'], 
       'dist/partials/navbar.html': ['src/views/partials/navbar.jade'], 
       'dist/partials/transfer.html': ['src/views/partials/transfer.jade'] 
      } 
     } 
    }, 

Esiste un modo per utilizzare il grugnito-contrib-giada compito (o un altro) con un filtro di directory? Ti piace questa:

jade: { 
     compile: { 
      options: { 
       pretty: true 
      }, 
      dir: { 
       'dist': ['src/views'] 
      } 
     } 
    } 

Answer 1

ho finito per l'aggiornamento a grugnire 0.4 (che causa alcuni altri problemi, ma che sarò in grado di gestire).

Con versione grunt 0.4 è possibile utilizzare grunt.file.expandMapping:

jade: { 
     compile: { 
      options: { 
       pretty: true 
      }, 
      files: grunt.file.expandMapping(['**/*.jade'], 'dist/', { 
       cwd: 'src/views', 
       rename: function(destBase, destPath) { 
        return destBase + destPath.replace(/\.jade$/, '.html'); 
       } 
      }) 

     } 
    }, 

Answer 2

Poco chiarimenti Grunt wiki - expand mapping:

grunt.file.expandMapping(patterns, dest [, options]) 

nota che mentre questo metodo può essere utilizzato per generare di programmazione di una matrice di file per un'attività più, la dichiarativa la sintassi per fare ciò descritto nella sezione "Creazione dinamica dell'oggetto file" di Configuring tasks guide è preferibile.

Supponendo quanto sopra, la configurazione sarà simile a questa:

files: [ { 
    expand: true, 
    src: "**/*.jade", 
    dest: "dist/", 
    cwd: "src/views", 
    ext: '.html' 
} ]; 

stesso risultato con la configurazione dichiarativa.