Coffeescript 源地图示例
我试图教自己和其他人如何使用sourcemaps,所以我通过GrunFile做了一个示例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
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'