在 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 代码。
领取专属 10元无门槛券
手把手带您无忧上云