Q

我也可以在客户端使用Coffeescript吗？

coffeescript

2011-07-23 81 views 6 likes

6

有什么方法可以在客户端使用CoffeeScript？我也可以在客户端使用Coffeescript吗？

2011-07-23 Mohsen

+1

可能重复[有没有办法送的CoffeeScript到客户端的浏览器，并已将其编译为JavaScript *有*？]（http://stackoverflow.com/questions/5170473/is-there-a发送到客户端的浏览器并编译它） –

+0

使用你想要的爱好项目，但从生产/可维护性的角度来看，这是一个可怕的想法。如果CS落后于某些弃用，则不必升级您的Node.js版本，最终从语言中删除。但是你不能控制你必须支持的浏览器。如果不再有CS团队，那么CS团队的响应速度会很快，并且会完全搞砸你。 –

A

回答

15

有两种方式：

编译的CoffeeScript给JavaScript，并将其部署就像任何JavaScript文件，或
使用coffee-script.js，它允许你把<script type="text/coffeescript>标签页面。

后者不推荐用于生产用途，但它对开发很好。请参阅相关的问题：Is there a way to send CoffeeScript to the client's browser and have it compiled to JavaScript *there*?

2011-07-23 14:46:51

1

又见Webmake插件的CoffeeScript - >https://github.com/medikoo/webmake-coffee

它允许你组织咖啡模块的Node.js风格和它捆绑的浏览器。它提供源映射支持，因此您可以直接在浏览器中调试CoffeeScript文件。

2013-05-16 09:24:15

0

为了不编译每次可以使用-w PARAM和咖啡将编译文件，每次文件更改

coffee -wco src/ public/js

2013-07-05 05:34:45

+0

问题是在客户端编译，即在浏览器中编译。你的答案是服务器编译。 – iankit

0

是的，它可以通过添加的CoffeeScript src标记HTML页面的头部部分完成。

此路径下载的CoffeeScript来源：http://coffeescript.org/extras/coffee-script.js

复制并粘贴下面的代码，并尝试在浏览器中运行：

<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>

2015-05-28 06:42:26 srinivas

0

您还可以使用CDN CoffeeScript的更好和更快的性能。

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

或

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

然后使用type="text/coffeescript"用于编译Coffee Script。的

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

2017-07-23 05:03:02 Simplans

相关问题