如何在 Rails 4 中使用 js.coffee 文件答案

【问题标题】：how to use js.coffee file in rails 4如何在 Rails 4 中使用 js.coffee 文件
【发布时间】：2015-08-05 10:59:41
【问题描述】：

在assets/javascripts/products.js.coffee:

jQuery ->

$('#product_category_name').autocomplete

source: ['foo','food','four']

在products/_form查看页面：

<%= form_for(@product) do |f| %>

<div class="field">
<%= f.label :category_name %><br>
<%= f.text_field :category_name %>
</div>

<div class="actions">
<%= f.submit %>
</div>
<% end %>

在layouts/application.js.erb:

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
**<%= javascript_include_tag 'products'%>**
<%= csrf_meta_tags %>

在assets.rb:

Rails.application.config.assets.precompile += %w( products.js )

我是 coffee 脚本的新手。在我的应用程序中，我有一个自动完成字段“category_name”，用于搜索类别。我已经创建了一个文件名products.js.coffee，但不知道如何使用它。我错过了什么吗？也许在 application.html.erb 中添加一些包含标签？请帮帮我。

【问题讨论】：

标签： jquery ruby-on-rails ruby-on-rails-4 coffeescript

【解决方案1】：

您实际上可以将 product.js.coffee 文件重命名为 product.js。只需在 application.js 中包含 product.js 文件

无论文件是 .js 扩展名还是 js.coffee 扩展名，Rails uglifier 都会将文件编译并 mifify 为 js 文件。

所以，如果你编写 coffe 脚本代码，那么它将被编译成 javascript 文件。

http://guides.rubyonrails.org/asset_pipeline.html#javascript-compression

【讨论】：