如何使用grunt，browserify和babelify启用源地图

Question

我想为使用babelify和browserify传输的jsx文件生成源地图。似乎有些源代码地图在我的输出文件的底部生成为base64编码注释，但堆栈跟踪并不尊重它们。

我咕噜任务如下所示：

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

Answer 1

这个工作对我来说：

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

Answer 2

将需要使用grunt-exorcise提取从包地图。

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