/ / Lade eine bestimmte CSS-Datei mit Javascript in eine Rails-App - Javascript, CSS, Ruby-on-Rails

Laden Sie eine bestimmte CSS-Datei mit Javascript in einer Schienen-App - Javascript, CSS, Ruby-on-Schienen

Ich verwende Skeljs, die die CSS - Datei entsprechend ladenauf die Gerätebreite. Wie mache ich das auf Schienen? Wobei sich meine CSS- und Javascript-Dateien in ihren jeweiligen Unterverzeichnissen im Ordner app / assets befinden und die Pfade in der js-Datei angegeben haben. Ich verwende eine Vorlage von html5up.net Wenn Sie in der Datei init.js die href für jede CSS-Datei auf "/assets/stylesheets/file.css" setzen, funktioniert dies anscheinend nicht.

Antworten:

0 für die Antwort № 1

Wenn Sie Rails 3.0 oder höher verwenden, können Sie eine Asset-Pipeline zum Speichern Ihrer js / css-Dateien erstellen.

Sie müssen <% = javascript_include_tag "application"%> in Ihre Layoutdatei einfügen, um z. layouts / application.html.erb

Der obige Code fügt application.js in Ihre Webseite ein. Diese Datei wird im Produktionsmodus komprimiert und minimiert.

Jetzt können Sie in application.js Ihre verschiedenen js-Dateien einfügen

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

Dasselbe gilt für CSS-Dateien in application.css.scss

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

Weitere Details zur Asset-Pipeline finden Sie hier Dies Verknüpfung