Grunt babel più file e preservare il mapping sorgente

Question

Sto provando, usando grunt e babel, per traspolare tutti i file js6 in una cartella e finire con un singolo file concatenato (js5) con una mappa di lavoro funzionante ai file originali es6. Tuttavia, il sourcemapping non funziona. I miei Babele, impostazioni concat sotto:

"babel": { 
     options: { 
      sourceMap : true 
     }, 
     dist: { 
      files:[ 
       { 
        expand: true, 
        cwd: 'wwwroot/js/src', 
        src: ['*.js'], 
        dest: 'tmp/js' 
       }] 
     } 
    }, 

    concat: { 
     options: { 
      sourceMap: true 
     }, 
     js: { 
      src: [ 
       'tmp/js/*.js', 
      ], 
      dest: 'wwwroot/js/app.js' 
     } 
    } 

Versions: 
"grunt": "0.4.5", 
"grunt-bower-task": "0.4.0", 
"grunt-babel": "5.0.1", 
"grunt-contrib-concat" : "0.5.1" 

sto finendo con in primo luogo una cartella con un sacco di file js e mappe src (directory tmp). Ma concatenarli in un unico file incasina completamente il mapping dei sorgenti.

Idee? Inoltre, posso in qualche modo saltare la creazione di file temporanei e ordinare semplicemente il risultato del pipe in concat?

Answer 1

Invertire l'ordine di attività renderà tutto più semplice.Prima di eseguire l'attività concat nei file JS. Dopo che il compito corsa babel sul singolo file creato da concat compito in precedenza con le seguenti opzioni

options: { 
       sourceMap: true, 
       inputSourceMap: grunt.file.readJSON('script.js.map') 
      }, 

Ecco il file script.js.map è il nome del file di origine mappa generata dal concat compito. Come inputSourceMap opzione eccettua un oggetto della mappa di origine, passiamo in utilizzando il metodo della grunt.file API readJSON

La configurazione completa del file Grunt sarebbe: progetto

concat: { 
     options: { 
      sourceMap: true 
     }, 
     js: { 
      src: ['Modules/**/js/*.js'], 
      dest: 'script.js' 
     } 
    }, 
    babel: { 
     dist: { 
      options: { 
       sourceMap: true, 
       inputSourceMap: grunt.file.readJSON('script.js.map') 
      }, 
      src: [ 
       'script.js', 
      ], 
      dest: 'app.js' 
     } 
    } 

Esempio: https://github.com/pra85/Grunt-Concat-Babel-Example