javascript-在保存时编译CoffeeScript吗?

无论如何,是否可以在保存时轻松编译CoffeeScript? 我正在使用TextMate或Sublime Text 2。

fancy asked 2020-07-11T21:07:01Z
7个解决方案
66 votes

Coffeescript具有“监视”功能。 您可以将其设置为半永久性流程:

coffee –wc -o media/js/ src/coffee/*.coffee

对于每个扩展名为“ .coffee”的文件,每次保存时,相应的已编译“ .js”文件都会放入目标目录中。

就是说,我使用一个makefile和一个fabfile,因为我的HTML是HAML,我的CSS是LessCSS,并且我的开发目录不是我的测试路径,所以我需要足够聪明的东西来“构建和部署”。

如果您的计算机支持inotify,则可以使用inotifywait监视整个工作路径,然后根据需要调用Make。 但是到那时,您就陷入了硬核怪胎。

Elf Sternberg answered 2020-07-11T21:07:51Z
19 votes

您也可以不使用命令行来完成此操作:

  1. 将构建过程添加到Sublime Text。
  2. 确保在Tools菜单中选择了Save All on Build
  3. 保存时,使用⌘B代替⌘S。

因此,您无需进行保存即可编译,而可以节省编译时间。

Jed Schmidt answered 2020-07-11T21:08:28Z
3 votes

使用Sublime最直接的解决方案是安装名为Better Coffeescript的Sublime软件包(首选项->软件包控制->安装软件包...),然后确保其配置包括"compileOnSave": true(首选项->软件包设置- ->更好的Coffeescript ...)。 然后重新启动Sublime。

对于Sublime,其他任何事情都是不够的或过多的额外组件。 升级到Sublime 3之后才来到这里,它的作用就像Sublime 3一样(就像Sublime 2一样,我一开始就忘记了)。

matanster answered 2020-07-11T21:08:53Z
2 votes

coffee --watch井有2个主要缺陷:

  • 发出命令后创建的新文件不会被监视
  • 需要手动启动,因此您可能会忘记执行此操作,这听起来比忘记编译coffee --watch更聪明,

我想出的解决方案是一个相当简单的Bash脚本,它需要更进一步执行coffee --watch的几步操作,使您从系统登录起就可以监视您的工作目录树,并在每次保存/更改文件时自动将其编译为JavaScript或创建新文件:

[HTTP://blog.竿头日Thor.com/post/11609373640/carefree-coffee script-auto-compiler]

可能有更优雅的方法可以执行此操作,但是此实现效果很好=)

gsklee answered 2020-07-11T21:09:35Z
1 votes

如果您还想捆绑,builder也提供监视和捆绑:[https://github.com/balupton/buildr.npm]

(Java | Coffee)脚本和(CSS | Less)(Builder | Bundler | Packer | Minifier | Merger | Checker)

balupton answered 2020-07-11T21:09:59Z
1 votes
gem install stasis
stasis -d

与所有其他静态编译工具(如StaticMatic,Middleman等)相比,我发现的最佳解决方案。

非常灵活和可配置,并且不依赖于任何预设的文件夹结构。 只需添加controller.rb并编写一些Ruby。 在编译之前/之后做很多聪明事情的助手。

[HTTPS://GitHub.com/win ton/stasis]

vaughan answered 2020-07-11T21:10:28Z
0 votes

我喜欢codekit :)一种简单有效的方法来编译coffeescript,sass,更少,halm等,并且具有很多优点。 [http://incident57.com/codekit/]

kimballfrank answered 2020-07-11T21:10:48Z
translate from https://stackoverflow.com:/questions/6286366/compile-coffeescript-on-save