如何为咖啡脚本启用源映射？答案

【问题标题】：how can I enable a source map for coffeescript?如何为咖啡脚本启用源映射？
【发布时间】：2012-06-12 01:25:44
【问题描述】：

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

有没有人为咖啡脚本编写过源映射生成器/咖啡脚本源可映射吗？

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

【问题讨论】：

【解决方案1】：

Coffeescript 1.6 原生支持源地图。

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

【讨论】：

【解决方案2】：

npm install -g coffee-script

应该将 coffee-script 安装为全局模块。通过键入检查版本 > 1.6

coffee -v

如果您需要帮助，可以使用。用它来查看下面使用的选项的含义

coffee -h

常规编译使用

coffee -mo script/ -cw src/

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

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

【讨论】：

【解决方案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观看它

【讨论】：

【解决方案4】：

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

au BufWritePost *.coffee silent make -m

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

【讨论】：