¿Cómo usar coffeescript para desarrollar sitios web?

Question

¿Cómo se usa CoffeeScript? Es necesario compilarlo, entonces, ¿escribe código en CoffeScript, lo compila e inserta JavaScript real en su sitio?

¿No toma mucho tiempo? ¿O hay alguna otra manera?

P.S. He visto otra manera: insertar en coffeescript de etapa de desarrollo en etiquetas de secuencia de comandos de texto/coffeescript con la biblioteca coffeescript.js (aproximadamente 150k) y compilar solo para la versión de producción e insertar Javascript real.

Answer 1

La respuesta es sí, la compila e incluye el JavaScript generado de su lado.

Si está utilizando un framework web (rieles, django, etc.) debería echar un vistazo a la siguiente lista de complementos de coffeescript: https://github.com/jashkenas/coffee-script/wiki/Web-framework-plugins. Compilarán su coffeescript a javascript cuando despliegue su aplicación en un servidor.

El uso del complemento coffee-script con las etiquetas text/coffeescript es otra opción, comprimida y comprimida, solo tiene unos 39kB, pero puede sumar si se incluye en páginas que reciben muchos resultados y no creo que sea Es una buena idea cuando puedes compilar el coffeescript para javascript sin necesidad del complemento.

Existe el complemento middleman que le permitirá trabajar con CoffeeScript durante el desarrollo, luego compilarlo y minificarlo para la implementación.

Answer 2

Cuando recién está aprendiendo coffeescript, casi seguramente querrá hacer su compilación manualmente durante el desarrollo, porque probablemente encontrará, como la mayoría de nosotros, que necesita poder ver el código de JavaScript en orden para depurar y descubrir lo que está pasando. Cuanto más fluido y cómodo te vuelves con coffescript, menos necesitarás consultar el código de JavaScript.

Creo que esto probablemente sea cierto sin importar su nivel de experiencia en javascript. Si eres un javascript pro, dependerás de mirar cosas con las que estés familiarizado, hasta que comiences a descubrir cómo funciona coffeescript. Por otro lado, si estás completamente o parcialmente familiarizado con todas las peculiaridades y sutilezas de javascript, como los prototipos, el enfoque javascript de alcance y globales, y todo lo demás, te encontrarás explorando referencias de JavaScript y cruzando -referenciando el código javascript con su código de coffescript, hasta que se familiarice con él.