使用grunt从browserify生成源映射

Question

我按照这里的说明操作:https://www.npmjs.org/package/grunt-browserify,尝试在grunt上设置browserify的源映射.我的gruntfile中的browserify选项是:

browserify: {
            options: {
                bundleOptions : {
                    debug: true 
                }
            },
            dist: {
                files: {
                    "public/client.bundle.js": ["bundle.js"]
                }
            }
        }

bundle.js的生成没有任何问题,但源映射生成不会发生.我的grunt-browserify选项有什么问题吗？

谢谢你的期待.

Answer 1

使用browserifyOptions而不是bundleOptions

browserify: {
   options: {
      browserifyOptions: {
         debug: true
      }
   },
   ...
}

Answer 2

默认情况下,browserify会将内联源映射生成为注释bundle.js.Browserify的README建议使用 exorcist,如果你想将它们提取到一个单独的文件:

$ browserify main.js --debug | exorcist bundle.js.map > bundle.js 

而grunt-extract-sourcemap在一个艰巨的任务中推出了这个