Sourcemap示例

Question

我试图教我自己和其他人如何使用源地图，所以我通过一个Gruntfile做了一个例子。

coffee:
  options:
    sourceMap: true
  app1:
    files:
      'app1.js': 'app1.coffee'
  app2:
    files:
      'app2/app2.js': 'app2/app2.coffee'

uglify:
  app1:
    options:
      sourceMap: 'app1.map'
      sourceMapIn: 'app1.js.map'
    files:
      'app1.min.js': 'app1.js'
  app2:
    options:
      sourceMap: 'app2/app2.map'
      sourceMapIn: 'app2/app2.js.map'
      sourceMappingURL: '../app2/app2.js.map'
    files:
      'app2/app2.min.js': 'app2/app2.js'

如果你在Chrome中打开http://webjay.github.io/sourcemaps/，打开控制台，点击app1.cafee，你会正确地看到源代码行。

但是，如果您单击位于子文件夹中的app2.cafee，您将看到正确的源代码文件，但不会被带到正确的行。为什么要解决这个问题，又该如何解决？

我的存储库在GitHub，您可以随时贡献。

Answer 1

如果您查看网络选项卡，app2.js.map将返回404。是不是因为你的前导斜杠？(sourceMappingURL)

  app2:
    options:
      sourceMap:        'app2/app2.map'
      sourceMapIn:      'app2/app2.js.map'
      sourceMappingURL: '/app2/app2.js.map'