ruby-on-rails - 如何使用 Rails 使用 CoffeeScript 进行开发

Question

我最近一直在考虑 CoffeeScript，并且我刚刚将我一直在研究的 Rails 项目升级到 Rails 3.2.8(从没有 Assets 管道的 Rails 3.0.9)，遵循 this guide .

我不得不做一些骇人听闻的事情来让事情正常工作。我正在测试一个新页面“/pages/game”，所以它在 Assets 目录中有一些示例 CoffeeScript。

(应用程序/ Assets /javascripts/page.js.coffee)

class MyObject
  constructor: ->
  hello: -> alert 'hello world of coffeescript!'


a = new MyObject

a.hello()

然后我在我的生产环境中添加了一行:(配置/环境/production.rb)

config.assets.precompile += %w( pages.js )    # this is needed to precompile coffee script files... it is difficult to understand how manifest files work...

然后输入

$  bundle exec rake assets:precompile

努力编译 page.js 唯一的问题是我用 CoffeeScript 创建的类并没有像我预期的那样工作。因此，我在 FireFox 中打开我的开发人员控制台并尝试手动实例化该类，但它表现得好像没有名为 MyClass 的对象。

那我哪里错了？假设我可以手动实例化我用 CoffeeScript 编写的类，我是不是太冒昧了？我将 pages.js 添加到预编译数组的 hackish 方法不合适吗？如果您是 CoffeeScript 专家，您将如何测试您的类等？

更新:我的部分问题是 CoffeeScript 类中固有的“可变隐私”。这种隐私可以在标准的 javascript 中实现，在涉足 CoffeeScript 之前应该了解这一点。 http://benalman.com/news/2010/11/immediately-invoked-function-expression/

也就是说，coffee 脚本类需要附加到 window 对象以使其可全局访问，如下所示:

更正

class MyObject
  constructor: ->
  hello: -> alert 'hello world of coffeescript!'


window.MyObject = MyObject;

一旦该类在此庄园中发布(通过将其作为全局附加到窗口)，它就可以通过 a = new MyObject() 实例化，然后正常调用其函数以提醒屏幕 a.hello()

Answer 1

MyObject绝对存在如果你包括pages.js的内容到您的页面。您可能需要添加

<%= javascript_include_tag "pages" %>

到您的 HTML 或未设置

config.assets.precompile += %w( pages.js )

并将以下内容添加到 app/assets/javascripts/application.js.coffee

//= require pages

并确保 application.js正在包含在您的 app/views/layouts/application.html.erb 中与

<%= javascript_include_tag "application" %>

Rails Guide 对 Assets 管道很有帮助。在这里提供一些解释......

Rails 希望您(默认情况下)将所有 javascript 打包到一个 application.js 中部署到生产时的文件。 Sprockets 可让您像上面那样添加 require 指令，以查找、包含和编译列在 application.js 中的文件。文件。

默认情况下，Rails 只会编译 application.js , application.css和任何非 .js/.css文件在 app/assets , lib/assets , 和 vendor/assets .这意味着，除非您添加 //= require pages.js 指令给你的application.js文件，Rails 将忽略它。

这就是您尝试添加 pages.js 的原因使用 config.assets.precompile 编译文件列表.这告诉 Rails 显式编译该文件，使其通过 javascript include 可用，例如

<%= javascript_include_tag "pages" %>

我假设您还没有将其放入您的 HTML 中。由于一些原因，走这条路通常不是您的选择，其中之一是这样做是在对 Rails 试图为您提供 Assets 管道的帮助说“不，谢谢”//= require行。

所以，这两种方法都可行；你还没有完成所有必要的步骤来获得 pages.js的内容包含在您的页面中，这就是为什么 MyObject不存在。