2011-07-23 8 views
6

¿Hay alguna forma de utilizar CoffeeScript en el lado del cliente?¿Puedo usar Coffeescript en el lado del cliente también?

+1

posible duplicado de [¿Hay una manera de enviar CoffeeScript al navegador del cliente y se han compilado a JavaScript * no *?] (Http://stackoverflow.com/questions/5170473/is-there-a -way-to-send-coffeescript-to-the-clients-browser-and-have-it-compiled) –

+0

Utiliza lo que quieras para proyectos de hobbies, pero desde una perspectiva de producción/mantenimiento, es una idea terrible. No es necesario que actualice su versión de Node.js si CS se queda atrás de alguna depreciación que finalmente se descarta del idioma. Pero no controlas los navegadores que tienes que admitir. Eso lo deja a merced de la rapidez con que responde el equipo de CS y se equivoca por completo si ya no hay un equipo de CS. –

Respuesta

1

Véase también Webmake plug-in para CoffeeScript ->https://github.com/medikoo/webmake-coffee

Se le permite organizar módulos de café en estilo Node.js y empaquetarlo para el navegador. Proporciona compatibilidad con los mapas de origen, por lo que puede depurar los archivos de CoffeeScript tal como están, directamente en un navegador.

0

Para no compila cada vez que puede utilizar -w parámetro y el café se compilará el cambio de archivos cada archivo

coffee -wco src/ public/js 
+0

la pregunta es para compilar en el lado del cliente, es decir, en el navegador. Tu respuesta es para la compilación del servidor. – iankit

0

Sí, se puede hacer mediante la adición de una etiqueta CoffeeScript src a la sección de cabecera de la página HTML .

descargar el código fuente CoffeeScript de este camino: http://coffeescript.org/extras/coffee-script.js

copia y pega el código de abajo y tratar de ejecutar en un navegador:

<html> 
<head> 
<script type="text/javascript"> 
function printHelloJava(){ 
alert("Hello Javascript"); 
} 
</script> 
<script src="coffee-script.js"></script> 
<script type="text/coffeescript"> 
@printHello = -> 
    alert "Hello Coffee Script" 
</script> 
</head> 
<body> 
<h1>Coffee Script on client side</h1> 
<input type="button" onclick="printHelloJava();" value="Hello Java"> 
<br> 
<input type="button" onclick="printHello()" value="Hello Coffee"> 
</body> 
</html> 
0

También puede utilizar CDN CoffeeScript para un mejor y más rápido rendimiento.

<script src="http://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.7.1/coffee-script.min.js"></script> 

o

<script src="https://cdn.rawgit.com/jashkenas/coffeescript/1.11.1/extras/coffee-script.js"></script> 

A continuación, utilice type="text/coffeescript" para compilar Coffee Script.

<script type="text/coffeescript"> 
    // add code here 
</script> 
Cuestiones relacionadas