2013-10-22 9 views
7

Ich benutze grunt in einem Projekt und erstellte Aufgaben, um viele .js-Dateien zu verkleinern und zu konkludieren.Grunt Uglify - Wie erstellt man eine Quellkarte zum Debuggen?

Ich versuche jetzt herauszufinden, wie man mit Uglify eine Quellkarte daraus erstellen kann, damit das andere Team den Code in der Konsole leicht analysieren kann.

Teil meiner Gruntfile (in Kaffee) sieht aus wie diese beiden:

 uglify: 
     options: 
      mangle: false 

/

grunt.registerTask 'devmin', ['clean', 'concurrent:transform', 'useminPrepare', 'concat', 'uglify', 'usemin', 'copy:build', 'server', 'watch:dist'] # Dev - minifies files 

Also, wenn ich "Grunzen devmin" auf Terminal laufen werde ich minimierte Versionen haben aber Ich kann nicht herausfinden, wie man zu Debugging-Zwecken eine zugehörige Quellkarte erstellt.

Jeder hat einen Hinweis ??

Vielen Dank!

+0

Dies ist Teil der UglifyJS-Dokumentation, die über Quellkarten spricht und ich versuche, es zum Laufen zu bringen. Grunt ist ziemlich neu für mich .. – lol

+0

Hinzufügen von Details: Wenn ich "verschönern: wahr" auf uglify Optionen setzen werde ich die Dateien verschönert dienen und das ist nicht das, was ich tun möchte. Die Idee ist, sie zu minimieren und eine Quellkarte zu haben, damit der Browser sie auf die Konsole bringen kann, um eine verschönerte Version zu erstellen. – lol

Antwort

8

Es gibt verschiedene Quellkarteneigenschaften für das Optionsobjekt, die Sie festlegen können.

Wahrscheinlich möchten Sie die "sourceMap" -Eigenschaft, die der Dateiname der Quellkarte ist, z.

uglify: 
     options: 
      sourceMap: 'mymap.map' 

sourceMap kann auch eine Funktion sein, wobei der erste Parameter der Ausgabepfad der Datei ist, die Sie minifying.

+6

Ab 3.x sourceMap ist eine boolesche Eigenschaft. Uglify generiert einen Standardnamen, aber Sie können mit sourceMapName den Dateinamen festlegen. [Mehr Infos] (https://github.com/gruntjs/grunt-contrib-uglify#migrating-from-2x-to-3x) –