Grunt concat + uglify mit Quellkarten

Question

Ich verwende concat, um JS-Dateien in eine Datei zusammenzufassen und uglify, um das JavaScript zu minimieren. Wie kann ich eine Quellmappendatei erstellen, die die Quell-JS-Dateien verwendet?

Mein aktueller gruntfile:

concat: { 
    options: { 
     // define a string to put between each file in the concatenated output 
     separator: ';' 
    }, 
    dist: { 
     // the files to concatenate 
     src: ['<%= config.src %>/js/**/*.js'], 
     // the location of the resulting JS file 
     dest: '<%= config.dist %>/js/main.js' 
    } 
}, 

uglify: { 
    dist: { 
     files: { 
      '<%= config.dist %>/js/main.min.js': ['<%= concat.dist.dest %>'] 
     } 
    } 
}, 

Answer 1

Sie benötigen Quelle Karten auf beiden concat und uglify Aufgaben zu ermöglichen, und Sie müssen die sourceMapIn Option für die uglify Aufgabe angeben.

Hier ist ein Beispiel Grunzen config:

concat : { 
    options : { 
    sourceMap :true 
    }, 
    dist : { 
    src : ['www/js/**/*.js'], 
    dest : '.tmp/main.js' 
    } 
}, 
uglify : { 
    options : { 
    sourceMap : true, 
    sourceMapIncludeSources : true, 
    sourceMapIn : '.tmp/main.js.map' 
    }, 
    dist : { 
    src : '<%= concat.dist.dest %>', 
    dest : 'www/main.min.js' 
    } 
} 

Answer 2

Per den grunt-contrib-uglify docs, können Sie sourcemap Generation als Teil des uglify Prozess ermöglichen.

Ihre uglify Config würde in etwa so aussehen:

uglify: { 
     dist: { 
      files: { 
       '<%= config.dist %>/js/main.min.js': ['<%= concat.dist.dest %>'] 
      }, 
      options: { 
       sourceMap: true 
     } 
    },