gruntjs - nodejs - grunt-contrib-watch

Grunt concat+uglify with sourcemaps

Question

Uso concat para fusionar archivos JS en un solo archivo y uglify para minimizar el JavaScript. ¿Cómo puedo crear un archivo de mapas fuente que use los archivos JS de origen?

Mi actual 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

Debe habilitar los mapas de origen en las tareas concat y uglify , y debe especificar la opción sourceMapIn para la tarea uglify.

Aquí hay una muestra de configuración grunt:

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

Según los documentos grunt-contrib-uglify , puede habilitar la generación de sourcemap como parte del proceso de uglify.

Tu configuración uglify se vería algo así como:

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