在Rails應用程序中使用JavaScript加載特定的CSS文件

Question

我正在使用根據設備寬度加載css文件的skeljs。我如何着手在rails中這樣做。我的CSS和JavaScript文件位於app/assets文件夾的特定子目錄中，並在js文件中指定了路徑。我正在使用html5up.net的模板 在init.js文件中，如果將每個CSS文件的href設置爲'/assets/stylesheets/file.css'，但似乎不起作用。

Answer 1

如果您使用rails 3.0或更高版本，那麼您可以使用資產管道來存儲您的js/css文件。

你需要在你的佈局文件中添加<％= javascript_include_tag'application'％>例如。 layouts/application.html.erb

以上代碼將在您的網頁中添加application.js，該文件將在生產模式下進行壓縮和最小化。在application.js中

現在，你可以包括你的不同的JS文件

//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 
//= require util 
//= require bootstrap 
//= require sessions 

同樣的事情可以爲CSS文件做過application.css.scss

/* 
*= require_self 
* require_tree . 
*/ 
@import "bootstrap"; 
@import "bootstrap/theme"; 
@import "users"; 

有關資產管線的詳細信息你可以按照this鏈接