如何使用grunt,browserify和babelify启用源映射

Question

我想生成jsx文件的源图,这些文件是用babelify和browserify编译的.似乎某些源图在我的输出文件底部被生成为base64编码的注释,但是堆栈跟踪不支持它们.

我的grunt任务如下所示:

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"
        }
    }
},