如何使用grunt-UglifyJS和sourcemaps?

时间:2013-08-05 16:54:44

标签: gruntjs uglifyjs source-maps

我正在努力让源图片在我使用Grunt和UglifyJS Grunt任务时发挥出色。

这是当前的任务:

uglify: {
  dist: {
    options: {
      sourceMap: function(path) {
        return path + ".map";
      },
    },
    files: {
      'dist/video.min.js': [ 'javascripts/video.js' ]
    }
  }
}

有什么问题?

生成了源地图,但Chrome正在错误的位置搜索源地图(即dist/dist/video.min.js.map)。我知道这是因为我在控制台中获得了404。

因此,我修改了dist/video.min.js并更改了sourceMappingURL以指向正确的位置。现在,源图已加载,但正在寻找完全错误的地方的video.js:dist/javascripts/video.js(再次分开!)

所以基本上现在我已经没有任何想法了,只是戳了gruntfile而没有运气。

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:8)

http://github.com/gruntjs/grunt-contrib-uglify/issues/71似乎是一种潜在的解决方法。

糟糕,我总是在发布SO之后找到解决方案。这个地方很神奇!