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

lol*_*lol 7 javascript node.js uglifyjs gruntjs source-maps

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

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

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

        uglify:
        options:
            mangle: false
Run Code Online (Sandbox Code Playgroud)

/

    grunt.registerTask 'devmin', ['clean', 'concurrent:transform', 'useminPrepare', 'concat', 'uglify', 'usemin', 'copy:build', 'server', 'watch:dist'] # Dev - minifies files
Run Code Online (Sandbox Code Playgroud)

因此,当我在终端上运行"grunt devmin"时,我会有缩小版本,但我无法弄清楚如何为它们创建相关的源图以进行调试.

任何人都有提示?

谢谢!

Dan*_*Dan 8

您可以在选项对象上设置各种源映射属性.

您可能需要"sourceMap"属性,这是要输出的源映射的文件名,例如

    uglify:
        options:
            sourceMap: 'mymap.map'
Run Code Online (Sandbox Code Playgroud)

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

  • 从3.x开始,sourceMap是一个布尔属性.Uglify生成默认名称,但您可以使用sourceMapName设置文件名.[更多信息](https://github.com/gruntjs/grunt-contrib-uglify#migrating-from-2x-to-3x) (6认同)