javascript - coffee - js to coff

¿Cómo puedo habilitar un mapa fuente para coffeescript?

Question

Recientemente descubrí la existencia de mapas fuente en Chrome a través de la depuración de fuentes en el lenguaje haxe . Permite depurar javascript generado dentro del navegador chrome mientras ve el motivo del error en el código fuente original.

¿Alguien ha escrito un generador de mapas fuente para coffeescript / Is coffeescript source mappable?

Ayudaría a depurar el javascript generado por coffeescript.

Answer 1

Esto ha sido durante mucho tiempo un tema activo en el proyecto CoffeeScript (de hecho, es anterior al estándar de mapa fuente). Sin embargo, aún no existe un generador de mapas de fuentes de CoffeeScript (completo). Para la discusión, vea https://github.com/jashkenas/coffee-script/issues/558

El soporte de mapa fuente también es uno de los objetivos del compilador "CoffeeScript Redux" que se financió recientemente en Kickstarter (consulte http://www.kickstarter.com/projects/michaelficarra/make-a-better-coffeescript-compiler ). Ese proyecto acaba de comenzar; Puedes verlo en https://github.com/michaelficarra/CoffeeScriptRedux

Answer 2

npm install -g coffee-script

Debe instalar coffee-script como un módulo global. Verifique la versión> 1.6 escribiendo

coffee -v

Si necesita ayuda, puede usarla. Úselo para ver el significado de las opciones utilizadas a continuación

coffee -h

Para uso de compilación regular

coffee -mo script/ -cw src/

Esto debería generar automáticamente mapas de archivos. Dejo esto funcionando en la terminal mientras código, compila cada vez que guardo.

DESCONOCIDO CONOCIDO:

El compilador actual de coffee-script no parece manejar directorios diferentes / src y / script. En el archivo del mapa, se encuentra que sources = {filename} en lugar de {relative file path}.

SOLUCIÓN:

1. Mantenga sus archivos .coffee en el mismo directorio que .js
2. Modifique la directiva de origen manualmente en el archivo .map. Esto se sobrescribirá nuevamente en el siguiente guardado

Answer 3

Coffeescript 1.6 tiene soporte nativo para mapas fuente.

Use la opción "--map" o "-m" para habilitarlo. O si usa el compilador npm, tendrá que agregar la opción sourceMap: true .

Answer 4

Ps, si estás en vim, usa:

au BufWritePost *.coffee silent make -m

que compila con el mapa fuente en el archivo guardado. Lo encontré extremadamente útil cuando quiero un buffer aleatorio para comenzar a compilar café para mí.