So aktivieren Sie Quellkarten mit grunt, browserify und babelify

Question

Ich möchte Quellkarten für Jsx-Dateien generieren, die mit Babelify und Browserify übersetzt werden. Es scheint, dass einige Quellkarten als Base64-kodierte Kommentare am Ende meiner Ausgabedatei generiert werden, aber Stacktraces respektieren sie nicht.

Meine Grunzen Aufgabe sieht wie folgt aus:

browserify: { 
    options: { 
    browserifyOptions: { 
     debug: true 
    }, 
    debug: true, 
    transform: ['babelify'] 
    }, 
    app: { 
    src: 'src/app.jsx', 
    dest: 'dist/app.js' 
    } 
}, 

Answer 1

Dies funktioniert für mich:

browserify: { 
    dev: { 
     options: { 
      browserifyOptions: { 
       debug: true 
      }, 
      transform: [["babelify"]] 
     }, 
     files: { 
      "dist/bundle.js": "src/index.js" 
     } 
    } 
}, 

Answer 2

verwenden grunt-exorcise zu müssen gehen die Karte aus dem Bündel zu extrahieren.

Browserify recommends it

browserify: { 
    options: { 
    browserifyOptions: { 
     debug: true 
    }, 
    debug: true, 
    transform: ['babelify'] 
    }, 
    app: { 
    src: 'src/app.jsx', 
    dest: 'dist/app.js' 
    } 
}, 
exorcise: { 
    app: { 
     options: {}, 
     files: { 
      'dist/app.js.map':['dist/app.js'], 
     } 
    } 
},