2013-10-22 27 views
7

我在项目中使用grunt并创建了任务来缩小和连接许多.js文件。Grunt Uglify - 如何创建用于调试的源映射?

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

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

 uglify: 
     options: 
      mangle: false 

/

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

所以,当我在终端运行 “咕噜devmin” 我已经过压缩版本,但我无法弄清楚如何为了调试目的而创建相关的源图。

任何人都有提示?

谢谢!

+0

这是讨论源地图的UglifyJS文档的一部分,我试图使其工作。 Grunt对我来说相当新颖。 – lol

+0

添加详细信息:如果我在uglify选项中加入“beautify:true”,我将为这些文件提供美化,这不是我想要做的。这个想法是为了缩小它们并提供源代码,以便浏览器可以在控制台上创建一个美化版本。 – lol

回答

8

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

您可能需要输出source map文件名的“sourceMap”属性,例如:

uglify: 
     options: 
      sourceMap: 'mymap.map' 

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

+6

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