Est-il possible d'envoyer CoffeeScript pour le navigateur du client et de l'avoir compilé en JavaScript *il*?

Est-il un moyen d'envoyer CoffeeScript pour le navigateur du client et de l'avoir compilé en JavaScript il?

<script type="text/coffeescript">
    square = (x) -> x * x
    list = [1, 2, 3, 4, 5]        
    squares = (square num for num in list)
</script>

La CoffeeScript compilateur est écrit en JavaScript, je peux donc l'envoyer au client pour compiler/exécuter ce code dans le navigateur du client?

  • Il est dit sur la page de couverture de la CoffeeScript site web: "La CoffeeScript est un compilateur lui-même écrit en CoffeeScript, à l'aide de la Jison analyseur générateur. La version ligne de commande de café est disponible en tant que Node.js utilitaire. La base compilateur cependant, ne dépend pas de Nœud, et peut être exécuté dans n'importe quel JavaScript de l'environnement, ou dans le navigateur (voir "Essayer CoffeeScript", ci-dessus). "
  • Oui il le sait, mais il ne semble pas être recommandé, car il ne dit rien sur la façon de le faire.
InformationsquelleAutor Phat Albert | 2011-03-02
  1. 48

    Jeremy a déjà celui-ci, mais permettez-moi d'ajouter quelques détails importants et des mises en garde:

    1. À 39k au format gzip (à comparer avec jQuery à 29k), 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.
    2. Comme mentionné dans la documentation, chaque CoffeeScript extrait de l'être dans son propre anonyme de fermeture. Donc, votre exemple ne pas faire n'importe quoi—squares ne pas être visibles de l'extérieur du script. Au lieu de cela, vous voulez changer de window.squares = ....
    3. Tous CoffeeScript code, qu'ils soient externes ou en ligne, ne sera après tout code JavaScript sur la page. C'est parce que coffee-script.js ne pas lire vos <script type="text/coffeescript> les balises jusqu'à ce que après le document est prêt, en ce moment, votre JavaScripts avez déjà exécuté.
    4. Distance CoffeeScripts sont chargés via 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.)
    5. Actuellement, l'ordre dans lequel les différentes distance CoffeeScripts n'est pas garanti. J'ai soumis un patch pour cela, mais il n'est pas officiellement partie de la CoffeeScript encore. Voir ce pull request.

    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 de regarder est Intermédiaire de commerce, 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.

    • On pourrait arguer que si vous écrivez beaucoup de CoffeeScript, la plus petite de la taille du code pour compenser la bibliothèque plus grande taille.
    • Ah, mais il n'y a pas de bibliothèque pour directement minifying CoffeeScript. (On ne devrait pas l'être!) Je peux très bien la garantie que votre minifiés JS sera plus petite que votre CoffeeScript source.
    • Un autre inconvénient est que vous ne contrôle pas ce que les versions de JavaScript pour les navigateurs sont ou ne sont pas soutenir. Ce n'est pas comme Nœud où si des méthodes obsolètes CS est en s'appuyant sur les déposer vous pouvez simplement coller avec une version plus ancienne. Ce ne serait pas question pour les années à venir et de mordre quelqu'un, pas vous. Il pourrait en matière de demain. Si CS repose toujours sur certains obsolète arguments choses, puis il pourrait compter bientôt parce que les éditeurs de navigateurs ont incitatif à la performance de laisser aller de ce genre de choses.
    • Je n'ai pas testé, mais d'après la rumeur, ce pull request fixe #5.
    InformationsquelleAutor Trevor Burnham
  2. 8

    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

    1. Tag votre coffeescript avec le texte/coffeescript
    2. Inclure coffee-script.js après tout coffeescript sur la page (le
      compilateur d'évaluer et de compiler tous les coffeescript dans l'ordre)

    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&#8221;> </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&#8221;> </script>
  </head>
  <body>
    <h1 id=”header” style=”color:white”>CoffeeScript is alive!</h1>
  </body>
</html>
    • Maintenant GitHub handicapées d'obtenir directement des js fichiers.
    InformationsquelleAutor PandaWood
  3. 2
    <!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>
    • CoffeeScript doit être chargé après le script que vous souhaitez exécuter.
    • si vous utilisez src vous devez être en mesure d'accéder au fichier via XMLHTTPRequest, en particulier, il échoue sur les navigateurs avec file://.
    InformationsquelleAutor Ciro Santilli 新疆改造中心996ICU六四事件