Rails：如何控制CSS，JavaScript文件

Question

如何控制Rails 4中CSS和JavaScript文件的加载而不是树形加载？

我是Rails的新手，我注意到它为我为每个控制器创建了一个新的CSS，JS文件，但是由于*= require_tree . ，所以它们在所有页面上都包括了它们*= require_tree . 。

我需要两件事：

让Rails自动包含我选择的默认CSS / JS文件，以及相应调用的控制器的一个CSS / JS文件
能够添加在控制器中选择的新的特殊CSS / JS

Answer 1

这个怎么样。

删除require_tree。
更改布局文件，其中包括与控制器名称匹配的CSS / JS。
将CSS / JS放入资产中。
使控制器的CSS / JS体现出来。
在production.rb上扩展资产管道目标文件。

Aaas控制器示例

的application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks

application.css

/*
 *= require_self
 *= require font-awesome
 *= require_tree ./pepper-grinder
 *= require ./ui.jqgrid
 */

布局/ application.html.erb

<!DOCTYPE html>
<html>
<head>
  <title>Log Analyzer</title>
  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <%= stylesheet_link_tag     controller.controller_name , media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  <%= javascript_include_tag controller.controller_name , "data-turbolinks-track" => true %>
  <%= csrf_meta_tags %>
</head>

应用程序/资产/ JavaScript的/ aaas.js

//= require jquery-ui-1.10.3.custom.min
//= require grid.locale-ja
//= require aaas_main

应用程序/资产/样式表/ aaas.css

/*
 *= require_self
 *= require aaas_main
 */

配置/环境/ production.rb

  #config.serve_static_assets = false

  config.assets.precompile += %w( aaas.js )
  config.assets.precompile += %w( aaas.css )

跑

$ rake assets:precompile RAILS_ENV=production
$ rails s -e production

Rails：如何控制CSS，JavaScript文件

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-01-08 18:19:44

Rails：如何控制CSS，JavaScript文件

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-01-08 18:19:44

解决方案1
0 已采纳 2015-01-08 18:19:44