如何将外部Coffeescript文件编译为HTML？

Question

我有一个HTML文件，我想链接到外部Coffeescript文件（CS文件名为main.coffee）。我试过这样做：

<script type="text/coffeescript" src="main.coffee"></script>

但它没有用。怎么了？

如果有帮助，我通过NPM安装了Coffeescript。

Answer 1

浏览器不支持coffeescript，而npm是为NodeJS安装JS库（和可执行文件）而不是浏览器的工具。

您需要使用随npm安装的咖啡脚本程序将您的coffeescript源转换为JavaScript：

coffee -c main.coffee

...然后在你的页面中使用该JS：

<script src="main.js"></script>

Answer 2

在将脚本加载到HTML中之前，需要将CoffeeScript编译为Javascript。

您可以使用coffee命令本身完成此任务。

coffee -c main.coffee

无论如何，我建议您使用Gulp，Grunt等构建系统/任务运行器自动执行此构建过程。

您将找到大量有关此功能的教程。例如：Starting with Gulp.js & CoffeeScript

Answer 3

在标题

中写下这个

<script type="text/javascript" src="main.js"></script>

在体内写下

<script type="text/coffeescript">
//  write what you need to do
</script>