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
        }
    },