如何在Rails中包含CoffeeScript

在 Rails 中包含 CoffeeScript，您需要在项目的 Gemfile 中添加 coffee-script 和 uglifier 的依赖。接下来，您需要将 CoffeeScript 代码编译为 JavaScript，以便在浏览器中运行。为此，您可以使用 coffee-script 库。

在 Gemfile 中添加以下依赖项：

gem 'coffee-script'
gem 'uglifier'

然后，运行 bundle install 安装这些依赖项。

接下来，在您的 Rails 应用程序的 app/assets/javascripts 文件夹中创建一个名为 application.js 的文件，并将以下代码添加到文件中：

//= require coffee-script/register
//= require_tree .

这将确保 CoffeeScript 代码被编译并作为 JavaScript 代码运行。

接下来，在您的 Rails 应用程序的 app/views/layouts 文件夹中创建一个名为 application.html.erb 的文件，并将以下代码添加到文件中：

<%= javascript_include_tag 'application' %>

这将确保您的应用程序包含 application.js 文件，并将 CoffeeScript 代码编译为 JavaScript 代码。

现在，您可以在 app/assets/javascripts 文件夹中创建一个名为 my_coffeescript.coffee 的文件，并将您的 CoffeeScript 代码保存在其中。例如：

#app/assets/javascripts/my_coffeescript.coffee
console.log 'Hello, World!'

然后，在您的应用程序的 app/views/layouts 文件夹中创建一个名为 application.html.erb 的文件，并将以下代码添加到文件中：

<%= javascript_include_tag 'my_coffeescript' %>

这将确保您的应用程序包含 my_coffeescript.coffee 文件，并将 CoffeeScript 代码编译为 JavaScript 代码。

最后，在您的应用程序的 Gemfile 中添加以下代码：

gem 'rails_layout'

然后，运行 bundle install 安装该依赖项。

现在，您可以在 app/views/layouts 文件夹中创建一个名为 application.html.erb 的文件，并将以下代码添加到文件中：

<!DOCTYPE html>
<html>
<head>
  <title>My Application</title>
  <%= stylesheet_link_tag 'application', media: 'all' %>
  <%= javascript_include_tag 'application' %>
  <%= csrf_meta_tags %>
</head>
<body>
  <div class="container">
    <%= yield %>
  </div>
</body>
</html>

这将确保您的应用程序包含一个名为 application.js 的 JavaScript 文件，该文件包含您的 CoffeeScript 代码。