Est-il possible d'envoyer CoffeeScript sur le navigateur du client et de le compiler en JavaScript ici ?
<script type="text/coffeescript">
square = (x) -> x * x
list = [1, 2, 3, 4, 5]
squares = (square num for num in list)
</script>
Le compilateur CoffeeScript étant écrit en JavaScript, puis-je l'envoyer au client pour compiler / exécuter ce code dans le navigateur du client?
Jeremy a déjà celui-ci, mais permettez-moi d'ajouter quelques détails importants et des mises en garde:
coffee-script.js est un gros fichier, de sorte que si vous êtes en train de laisser vos utilisateurs d'exécuter leurs propres CoffeeScript, vous ne devriez pas l'utiliser en production.squares de ne pas être visibles de l'extérieur du script. Au lieu de cela, vous voulez le changer en window.squares = ....coffee-script.js ne pas lire vos <script type="text/coffeescript> balises jusqu'à ce que après le document est prêt, en ce moment, votre JavaScripts avez déjà exécuté.XMLHTTPRequest, ce qui signifie qu'ils doivent être hébergés sur le même domaine que votre site. (Certains navigateurs Chrome, à moins d'avoir un problème avec XMLHTTPRequests sur file:// chemins.)Ainsi, vous pouvez jeter un oeil à quelques solutions de rechange pour servir CoffeeScript compilé en JavaScript à la place. Si vous êtes en développement pour un Ruby ou Python serveur, il y a des plugins disponibles. J'ai essayé de les énumérer tous, à http://github.com/jashkenas/coffee-script/wiki/Web-framework-plugins.
Si vous êtes l'élaboration d'un site sans un backend, un outil que je recommande fortement la recherche est celle de l' Intermédiaire, ce qui vous permet de travailler avec CoffeeScript (ainsi que Haml et Sass, si vous voulez) au cours du développement, puis de compiler et de rapetisser pour un déploiement en production.
La réponse est oui. Je ne vais pas répéter @Trevor est une excellente réponse, mais plutôt d'en donner un exemple de ce que vous pensez:
http://forgivingworm.wordpress.com/2010/09/27/running-coffeescript-in-browser/
Fondamentalement, vous
Exemple de code HTML ci-dessous
<html>
<head>
<title>In-Browser test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”> </script>
<script type="text/coffeescript">
$ -> $(‘#header‘).css ‘background-color‘, ‘green‘
</script>
<script type="text/javascript" src="http://github.com/jashkenas/coffee-script/raw/master/extras/coffee-script.js”> </script>
</head>
<body>
<h1 id="header" style="color:white">CoffeeScript is alive!</h1>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CoffeScript on browser</title>
</head>
<body>
<script type="text/coffeescript">
alert 'It works!'
</script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.7.1/coffee-script.min.js"></script>
</body>
</html>
src vous devez pouvoir accéder au fichier via XMLHTTPRequest , en particulier il échoue sur les navigateurs avec file:// . Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
