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

标签 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”时,我将得到缩小版本,但我不知道如何为它们创建相关的源映射以进行调试。

有人有提示吗??

谢谢!

最佳答案

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

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

    uglify:
        options:
            sourceMap: 'mymap.map'

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

关于javascript - Grunt Uglify - 如何创建用于调试的源映射?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19520630/

相关文章:

javascript - 如何在没有 window.location.reload 的情况下使用路由器刷新 Angular 页面?

javascript - nodejs 无法设置未定义的属性 ''

javascript - 序列化已编辑的 JSDOM 文档?

node.js - 在 Windows 上使用 npm install 时,Jenkins 脚本过早退出

angularjs - 是否有任何自动化的 [grunt] 任务可以在 index.html 中为 CSS/JS 文件添加 CDN?

javascript - 如何获得 jQuery 模态覆盖而不插入滚动条?

JavaScript 警报

node.js - 当它应该返回当前窗口句柄时,为什么我会收到 "NoSuchWindowError"错误和 "getWindowHandle"?

css - 使用 Grunt 缩小时命名多个 css 文件

javascript - 使用 javascript 或 css 具有 ".active"类的 slider 的第一个和最后一个元素的不透明度