使用 grunt 从 browserify 生成源映射答案

【问题标题】：Generating source maps from browserify using grunt使用 grunt 从 browserify 生成源映射
【发布时间】：2014-05-30 07:27:57
【问题描述】：

我已按照此处的说明进行操作：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 选项有什么问题吗？

感谢收看。

【问题讨论】：

标签： javascript gruntjs browserify commonjs

【解决方案1】：

使用 browserifyOptions 代替 bundleOptions

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

【讨论】：

【解决方案2】：

默认情况下，browserify 在bundle.js 中生成内联源映射作为注释。 Browserify 的README suggests using exorcist 如果你想将它们提取到一个单独的文件中：

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

grunt-extract-sourcemap 将其汇总为一项繁重的任务

【讨论】：