Uglify mit SourceMaps bei der Verwendung von grunt usemin und rev

Question

Ich möchte JavaScript-Fehler auf dem Server protokollieren, aber der Stacktrace ist nicht mit minimized JS-Code nützlich. Also habe ich überlegt, entweder Getsentry oder Rollbar zu verwenden, was einen korrekten Stack-Trace mit Hilfe von sourcemaps zeigt. Aber ich habe Mühe, Quellkarte an erster Stelle zu erstellen.

Ich erhalte diesen Fehler

"Destination (_build/js/app.js) nicht geschrieben, weil src Dateien leer waren."

Sobald die Quellkarte ordnungsgemäß erstellt wurde, gibt es ein weiteres Problem, d. H. rev wird die Datei umbenennen. Ich muss auch die nicht verknüpfte verkettete Datei belassen.

Im Folgenden meine gruntfile.js ist (ich einige Bits aus ihm entfernt haben.)

module.exports = function(grunt) { 

    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 
     clean: { 
      jsFolders: { 
       src: [ 
        '_build/js/ui', 
        '_build/js/vendor', 
        '_build/js/app', 
        '_build/js/*templates.js' 
       ] 
      }, 
      build: { 
       src: ['_build/**/*'] 
      } 
     }, 

     copy: { 
      build: { 
       files: [{ 
        expand: true, 
        src: [ 
         'index.html', 
         'img/**/*', //includes web.cofig also. 
         'img/**/*.svg', 
         '!img/**/*.psd', 
         'js/**/*', //includes web.cofig also. 
         'css/**/*', //includes web.cofig also. 
         '*.png', 
         'favicon.ico' 
        ], 
        dest: '_build/' 
       }] 
      }, 
     }, 

     rev: { 
      option: { 
       algorithm: 'sha1', 
       length: 4 
      }, 
      all: { 
       files: { 
        src: [ 
         '_build/**/*.{js,css,eot,ttf,woff}' 
        ] 
       } 
      } 
     }, 

     useminPrepare: { 
      html: ['_build/index.html'] 
     }, 

     usemin: { 
      html: [ 
       '_build/index.html' 
      ], 
      css: [ 
       '_build/css/**/*.css' 
      ] 
     }, 

     uglify: { 
      options: { 
       sourceMap: '_build/js/app.js.map', 
      }, 
      js: { 
       files: { 
        '_build/js/app.js': ['_build/js/app.js'] 
       } 
      } 
     }, 

     cssmin: { 
      minify: { 
       expand: true, 
       cwd: '_build/css/', 
       src: '*.css', 
       dest: '_build/css/' 
      } 
     }, 
    }); 

grunt.registerTask('build', [ 
     'clean:build', 
     'handlebars', 
     'compass', 
     'autoprefixer', 
     'copy:build', 
     'useminPrepare', 
     'concat', 
     'uglify', 
     'cssmin', 
     'clean:jsFolders', 
     'rev', 
     'usemin', 
    ]); 

}; 

UPDATE

@ Lösung Andy versucht, es zeigt immer noch die selbe Fehler "Destination (_build/js/app.js) not written because src files were empty." und es sagt auch unten während des Aufbaus

Weiß nicht wo es hingehört dest name von. Mein Ausgabeordner ist _build.

UPDATE2:
auf unter Links finden Sie eine bessere Lösung
https://stackoverflow.com/a/20574196/148271 https://github.com/gruntjs/grunt-contrib-uglify/issues/39#issuecomment-14856100

Answer 1

Die Optionen für uglify sind:

sourceMap: true, 
sourceMapName: 'path/to/name.map' 

Verwenden Sie zum Beispiel in meinem GruntFile.js ich den gefunden Name in package.json:

sourceMap: true, 
sourceMapName: 'dist/<%= pkg.name %>-<%= pkg.version %>.map' 

Answer 2

Es gibt keine einfache Lösung, um Quellmaps für den Usenemin-Flow verfügbar zu machen. Es ist ein bekanntes Problem, das in einem Jahr angesprochen worden has not es scheint:

https://github.com/yeoman/grunt-usemin/issues/30

https://github.com/yeoman/grunt-usemin/issues/220

Answer 3

useminPrepare verschmilzt die bestehende uglify Config mit seinem eigenen, sondern unter generated verschachtelt. Daher funktioniert diese Konfiguration für uglify für mich

grunt.initConfig({ 
    uglify: { 
    generated: { 
     options: { 
     sourceMap: true 
     } 
    } 
    } 
});