Grunt concat + uglify avec sourcemaps

- Je utiliser concat pour fusionner les fichiers JS dans un fichier et de uglify afin de minimiser le JavaScript. Comment puis-je créer un sourcemaps fichier qui utilise la source JS fichiers?

Mon 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 %>']
        }
    }
},
InformationsquelleAutor user3483982 | 2014-09-11
  1. 54

    Vous devez activer la source des cartes sur le concat et uglify tâches, et vous devez spécifier le sourceMapIn option pour le uglify tâche.

    Voici un exemple de grunt 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'
  }
}
    • Cette réponse a été d'aider à résoudre une exigence similaire (cartographie uglify la source à la source individuelles nécessitent des modules). Merci!
    • Ce travail est pour moi sauf les numéros de ligne sont mal dans la carte finale lors de l'utilisation de la minifiés js (google chrome, la console va point à la ligne 320 pour une erreur au lieu de la ligne 290 par exemple). Avez-vous une idée pourquoi ce qui se passe?
    • Dans mon cas, la source les cartes sont créées mais inutilisable. Lorsque j'ai mis un point d'arrêt le code ne s'arrête pas là. Semble comme un problème général de uglifyjs qui n'est pas encore résolus.
    • Y0lk, Êtes-vous l'ajout d'une bannière qui se trouve être de 30 lignes de temps?
    • Le sourceMapIn peut être plus commodément spécifié comme (basé sur stackoverflow.com/questions/14207983/...): sourceMapIn: function(path) { return path + ".map"; } qui est plus générique et prend également en charge plusieurs fichiers source.
    • Quelqu'un a trouver une solution au problème qu'il ne s'arrête pas sur les points d'arrêt ? Je vais avoir le même problème. Tout semble fonctionner correctement, mais lorsque j'essaie de m'arrêter sur des points d'arrêt, il n'a tout simplement pas arrêter.

    InformationsquelleAutor Damon Friendship
  2. -2

    Par la grunt-contrib-uglify docs, vous pouvez activer sourcemap génération dans le cadre de la uglify processus.

    Votre uglify config ressemblerait à quelque chose comme:

    uglify: {
        dist: {
            files: {
                '<%= config.dist %>/js/main.min.js': ['<%= concat.dist.dest %>']
            },
            options: {
                sourceMap: true
        }
    },
    • C'est de travailler, si je n'utilise que uglify, mais je suis en utilisant à la fois uglify et concat.
    InformationsquelleAutor Matthew Bakaitis