Question

有没有办法在客户端使用CoffeeScript？

Answer 1

有两种方法：

将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*?

Answer 2

另请参阅CoffeeScript的Webmake插件 - ＆gt; https://github.com/medikoo/webmake-coffee

它允许您以Node.js样式组织咖啡模块并将其捆绑用于浏览器。它提供源映射支持，因此您可以直接在浏览器中调试CoffeeScript文件。

Answer 3

每次你都可以使用-with param而不编译，咖啡会在每次文件更改时编译文件

coffee -wco src/ public/js

Answer 4

是的，可以通过在html页面的head部分添加CoffeeScript src标记来完成。

从此路径下载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>

Answer 5

您还可以使用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>

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

5 个答案: