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

Question

我正在使用skeljs根據設備寬度加載css文件。 我該如何在Rails中做到這一點。 我的css和javascript文件位於app / assets文件夾中特定子目錄中，並在js文件中指定了路徑。 我正在html5up.net上使用模板，如果將每個CSS文件的href設置為“ /assets/stylesheets/file.css”，則在init.js文件中使用該模板，但它似乎不起作用。

Answer 1

如果您使用的是Rails 3.0或更高版本，則可以使用資源管道來存儲js / css文件。

您需要在布局文件中添加<％= javascript_include_tag'application'％>，例如。 布局/ application.html.erb

上面的代碼將在您的網頁中添加application.js，此文件將在生產模式下壓縮並最小化。

現在在application.js中，您可以包含您的其他js文件

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

可以對application.css.scss中的CSS文件執行相同的操作

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

有關資產管道的更多詳細信息，請單擊此鏈接