使用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选项有什么问题吗？

感谢您的关注。

- Amal Antony

Answer 1

使用browserifyOptions替代bundleOptions

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

- knpsck

Answer 2

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

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

并且 grunt-extract-sourcemap 将其打包在一个 grunt 任务中。

- hurrymaplelad