使用javascript在rails应用中加载特定的CSS文件

Question

我使用的是根据设备宽度加载css文件的skeljs。我如何在rails中执行此操作。我的css和javascript文件位于app / assets文件夹中的特定子目录中，并指定了js文件中的路径。我正在使用html5up.net的模板 在init.js文件中，如果将每个CSS文件的href设置为＆＃39; /assets/stylesheets/file.css'但它似乎没有用。

Answer 1

如果您使用的是rails 3.0或更高版本，则可以使用资产管道来存储您的js / css文件。

您需要添加＆lt;％= javascript_include_tag＆＃39;应用程序＆＃39; ％GT;在您的布局文件中，例如。布局/ 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";

有关资产管道的更多详细信息，您可以关注this链接