当前位置：文江博客话题详情

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

发布于 2024-11-25 23:54:21 字数 31 浏览 0 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

巷子口的你 2024-12-02 23:54:21

有两种方法：

将 CoffeeScript 编译为 JavaScript 并像部署任何 JavaScript 文件一样部署它，或者
使用 coffee- script.js，它允许您在页面中放置

不建议将后者用于生产用途，但这对或用于在线编辑器，如下所示：

<script crossorigin src="https://coffeescript.org/v2/browser-compiler-legacy/coffeescript.js"></script>

<script type="text/coffeescript">
console.log 'Hello World!'
</script>

There are two ways:

Compile the CoffeeScript to JavaScript and deploy it as you would any JavaScript file, or
Use coffee-script.js, which allows you to put <script type="text/coffeescript> tags in your page.

The latter isn't recommended for production use, but it's nice for development. Or for usage in online editors like these:

<script crossorigin src="https://coffeescript.org/v2/browser-compiler-legacy/coffeescript.js"></script>

<script type="text/coffeescript">
console.log 'Hello World!'
</script>

回复收藏 0 原文

来日方长 2024-12-02 23:54:21

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

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

回复收藏 0 原文

顾冷 2024-12-02 23:54:21

如果不想每次都编译，可以使用 -w 参数，coffee 会在每次文件更改时编译该文件

coffee -wco src/ public/js

To not compile everytime you can use -w param and coffee will compile the file everytime file change

coffee -wco src/ public/js

回复收藏 0 原文

小草泠泠 2024-12-02 23:54:21

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

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

Yes, it can be done by adding a CoffeeScript src tag to the head section of your html page.

Download the CoffeeScript source from this path: http://coffeescript.org/extras/coffee-script.js

Copy and paste the below code and try to run in a browser:

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

回复收藏 0 原文

北风几吹夏 2024-12-02 23:54:21

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

You can also use CDN coffeescript for better and faster performance.

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

Then use type="text/coffeescript" for compile Coffee Script.

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

回复收藏 0 原文

~没有更多了~

关于作者

可是我不能没有你

暂无简介

0 文章

0 评论

23 人气

关注发私信

苦中寻乐

文章 0 评论 0

关注

lueluelue

文章 0 评论 0

关注

嗼ふ静

文章 0 评论 0

关注

王权女流氓

文章 0 评论 0

关注

与花如笺

文章 0 评论 0

关注

残酷

文章 0 评论 0

友情链接

文江博客

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（5）

关于作者

相关话题

热门标签

推荐作者

苦中寻乐

lueluelue

嗼ふ静

王权女流氓

与花如笺

残酷

友情链接

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（5）

关于作者

相关话题

热门标签

推荐作者

苦中寻乐

lueluelue

嗼ふ静

王权女流氓

与花如笺

残酷

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。