Grunt Uglify - 如何创建用于调试的源映射?

时间:2013-10-22 14:26:44

标签: javascript node.js gruntjs uglifyjs source-maps

我正在项目中使用grunt并创建任务来缩小和连接许多.js文件。

我现在正试图弄清楚如何使用Uglify创建源图,以便其他团队可以轻松地分析控制台中的代码。

我的Gruntfile的一部分(在咖啡中)看起来像这两个:

        uglify:
        options:
            mangle: false

/

    grunt.registerTask 'devmin', ['clean', 'concurrent:transform', 'useminPrepare', 'concat', 'uglify', 'usemin', 'copy:build', 'server', 'watch:dist'] # Dev - minifies files

所以,当我在终端上运行“grunt devmin”时,我会有缩小的版本,但是我无法弄清楚如何为它们创建一个相关的源图以进行调试。

任何人都有提示吗?

谢谢!

1 个答案:

答案 0 :(得分:8)

您可以设置选项对象上的各种源地图属性。

你可能想要“sourceMap”属性,这是要输出的源地图的文件名,例如。

    uglify:
        options:
            sourceMap: 'mymap.map'

sourceMap也可以是一个函数,其中第一个参数是您正在缩小的文件的输出路径。