2

我正在尝试教自己和可能的其他人如何使用源映射，所以我通过 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 上，随时可以贡献。

4

1 回答 1

0

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

  app2:
    options:
      sourceMap:        'app2/app2.map'
      sourceMapIn:      'app2/app2.js.map'
      sourceMappingURL: '/app2/app2.js.map'
于 2013-09-27T16:05:13.980 回答