Coffeescript 源地图示例

Coffeescript 源地图示例,coffeescript,gruntjs,source-maps,Coffeescript,Gruntjs,Source Maps,我试图教自己和其他人如何使用sourcemaps,所以我通过GrunFile做了一个示例 coffee: options: sourceMap: true app1: files: 'app1.js': 'app1.coffee' app2: files: 'app2/app2.js': 'app2/app2.coffee' uglify: app1: options: sourceMap: 'app1.map

我试图教自己和其他人如何使用sourcemaps,所以我通过GrunFile做了一个示例

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中打开控制台并单击app1.coffee,您将正确地看到源代码行

但是,如果单击子文件夹中的app2.coffee,您将看到正确的源代码文件,但不会转到正确的行。 为什么以及如何解决这个问题


我的存储库位于,您可以随意贡献。

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


奇怪的是,可能是GitHub的限制?我的意思是sourceMappingURL有一个前导斜杠,而其他人没有,这就是导致您出现问题的原因吗?不,我不这么认为。我会调查404。只是在本地测试,没有404,同样的问题。对不起,你是对的,404是由/引起的,但它没有解决我的问题。
  app2:
    options:
      sourceMap:        'app2/app2.map'
      sourceMapIn:      'app2/app2.js.map'
      sourceMappingURL: '/app2/app2.js.map'