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.coffee，您将看到源代码行正确。

但是如果你点击子文件夹中的app2.coffee，你会看到正确的源代码文件，但不会被带到正确的行。 为什么以及如何解决这个问题？

我的存储库位于GitHub，可随时提供。

Answer 1

如果您查看网络标签app2.js.map，则返回404.这是因为您的主要斜线？ （sourceMappingURL）

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