6
C'è un modo per usare CoffeeScript sul lato client?Posso usare Coffeescript anche dal lato client?
A
risposta
15
Ci sono due modi:
- compilare il CoffeeScript a JavaScript e distribuire come si farebbe con qualsiasi file JavaScript, o
- Utilizzare
coffee-script.js, che permette di mettere<script type="text/coffeescript>tag nella tua pagina.
Quest'ultimo non è consigliato per l'uso di produzione, ma è bello per lo sviluppo. Vedere la relativa domanda: Is there a way to send CoffeeScript to the client's browser and have it compiled to JavaScript *there*?
1
Vedi anche plug-in per Webmake CoffeeScript ->https://github.com/medikoo/webmake-coffee
Esso consente di organizzare i moduli di caffè in stile Node.js e bundle per browser. Fornisce supporto per le mappe di origine, quindi puoi eseguire il debug dei file CoffeeScript così come sono, direttamente in un browser.
0
Per non compilare ogni volta che è possibile utilizzare -w param e caffè compilerà la modifica di file ogni volta che il file
coffee -wco src/ public/js
+0
la domanda è per la compilazione sul lato client cioè nel browser. La tua risposta è per la compilazione del server. – iankit
0
Sì, può essere fatto con l'aggiunta di un tag CoffeeScript src alla sezione head della pagina html .
scaricare il codice sorgente CoffeeScript da questo percorso: http://coffeescript.org/extras/coffee-script.js
Copia e incolla il codice qui sotto e cercare di correre in un browser:
<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
È anche possibile utilizzare CDN CoffeeScript per ottenere prestazioni migliori e più veloci.
<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>
Quindi utilizzare type="text/coffeescript" per la compilazione Coffee Script.
<script type="text/coffeescript">
// add code here
</script>
possibile duplicato del [C'è un modo per inviare CoffeeScript al browser del client e lo hanno compilato per JavaScript * non *?] (Http://stackoverflow.com/questions/5170473/is-there-a -way-to-send-coffeescript-to-the-client-browser-e-have-it-compilato) –
Usa quello che vuoi per i progetti di hobby, ma da una prospettiva di produzione/manutenibilità, è una pessima idea. Non devi aggiornare la tua versione di Node.js se CS cade dietro qualche deprecazione e alla fine viene eliminato dalla lingua. Ma tu non controlli i browser che devi supportare. Questo ti lascia in balia di quanto velocemente il team CS risponde e totalmente svitato se non c'è più una squadra CS. –