Grunt Uglify - 如何创建源映射进行调试?

8
我在一个项目中使用grunt,并创建任务来压缩和合并许多.js文件。我现在正在尝试弄清楚如何使用Uglify从它们创建源映射,以便其他团队可以轻松地在控制台分析代码。我的Gruntfile的一部分(用coffee编写)看起来像这两个:
        uglify:
        options:
            mangle: false

/

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

当我在终端上运行“grunt devmin”时,会生成已缩小版本的文件,但我无法弄清楚如何为调试目的创建相关的源地图。 有人能给个提示吗?谢谢!

这是 UglifyJS 文档的一部分,讨论了源映射,我正在尝试使其工作。Grunt 对我来说还很新。 - lol
如果我在uglify选项中加入“beautify: true”,那么我将提供美化后的文件,这不是我想要做的。我的想法是提供经过缩小处理的文件,并且有一个源映射,以便浏览器可以在控制台上获取它并创建一个美化版本。 - lol
1个回答

8

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

您可能想要的是“sourceMap”属性,它是输出源映射的文件名。

    uglify:
        options:
            sourceMap: 'mymap.map'

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


6
从3.x版本开始,sourceMap属性是一个布尔值。Uglify会生成一个默认的名称,但你可以使用sourceMapName属性来设置文件名。更多信息 - dap.tci

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接