如何为coffeescript启用源映射？

Question

我最近通过source maps发现了Chrome中source debugging in the haxe language的存在。它允许在Chrome浏览器中调试生成的javascript，同时在原始源代码中查看错误原因。

是否有人为coffeescript编写了源地图生成器/是coffeescript source mappable？

这有助于调试coffeescript生成的javascript。

Answer 1

Coffeescript 1.6原生支持源地图。

使用“--map”或“-m”选项启用它。或者，如果使用npm编译器，则必须添加sourceMap: true选项。

Answer 2

npm install -g coffee-script

应将coffee-script安装为全局模块。检查版本＆gt; 1.6键入

coffee -v

如果您需要帮助，可以使用。用它来查看

下面使用的选项的含义

coffee -h

对于常规编译使用

coffee -mo script/ -cw src/

这应该自动生成地图文件。我将其作为代码运行在终端中运行，每次保存时都会编译。

KNOWN BUG：

当前的coffee-script编译器似乎不处理不同的/ src和/ script目录。在地图文件中，您会发现sources = {filename}而不是{relative file path}。

解：

1. 将.coffee文件保存在.js
所在的目录中
2. 在.map文件中手动修改源指令。这将在下次保存时再次被覆盖

Answer 3

这一直是CoffeeScript项目的一个活跃问题（事实上，它早于源地图标准）。但是，还没有（完整的）CoffeeScript源地图生成器存在。有关讨论，请参阅https://github.com/jashkenas/coffee-script/issues/558

源地图支持也是最近由Kickstarter资助的“CoffeeScript Redux”编译器的目标之一（参见http://www.kickstarter.com/projects/michaelficarra/make-a-better-coffeescript-compiler）。该项目刚刚开始;你可以在https://github.com/michaelficarra/CoffeeScriptRedux

看一下

Answer 4

Ps，如果你在vim上，请使用：

au BufWritePost *.coffee silent make -m

编译源文件保存。当我想要一些随机缓冲区开始为我编制咖啡时，我发现它非常方便。