Skip to content Skip to sidebar Skip to footer

Is It Possible To Compile Coffeescript Code In Script Tags In Html Files?

Possible Duplicate: Is there a way to send CoffeeScript to the client's browser and have it compiled to JavaScript there? Is there a simple way to compile Coffeescript that is i

Solution 1:

Indeed there is. There's a post about it here.

The summary of that article is this:

  1. Include in your HTML document your script with type text/coffeescript
  2. Include in the head of the page this line:

    <scripttype="text/javascript"src="https://raw.githubusercontent.com/jashkenas/coffeescript/master/lib/coffee-script/coffee-script.js"></script>

Beware that doing this isn't encouraged.

<html><head><title>In-Browser test</title><scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"type="text/javascript"></script><scriptsrc="https://raw.githubusercontent.com/jashkenas/coffeescript/master/lib/coffee-script/coffee-script.js"type="text/javascript"></script></head><body><scripttype="text/coffeescript">
    $ -> $('#header').css'background-color', 'green'</script><h1style="color:white"id="header">CoffeeScript is alive!</h1></body></html>

Solution 2:

Responding to dvcolgan's clarifying comment:

So, you want to have an HTML file on the server with inline CoffeeScript that gets served as HTML with inline JavaScript. The CoffeeScript compiler doesn't support this directly, but you could write a Node script to do it fairly easily, using the coffee-script library and jsdom to do the HTML parsing.

Exactly how you want to implement this would depend on the web framework you're using. You probably don't want the CoffeeScript compiler to run on every request (it's pretty fast, but it's still going to reduce the number of requests/second your server can handle); instead, you'd want to compile your HTML once and then serve the compiled version from a cache. Again, I don't know of any existing tools that do this, but it shouldn't be too hard to write your own.

Post a Comment for "Is It Possible To Compile Coffeescript Code In Script Tags In Html Files?"