IP Girl
  1. IP Girl
  3. Comment utiliser CSS avec une application ruby ​​on rails?
Intereting Posts
Comment diviser une chaîne au premier `/` (barre oblique) et en entourer une partie dans un “? Concepteur ASP.NET MVC Razor Générer une variable factice Comment appeler une méthode après un délai dans Android Est-il possible d’avoir des valeurs d’atsortingbut couvrant plusieurs lignes? Impossible de lire un problème de fichier dans l’interface utilisateur Swagger .NET Formate une chaîne avec des espaces fixes Comment résoudre les problèmes java.lang.OutOfMemoryError dans Android Android Studio – Le serveur de démarrage ADB échoue, la vérification d’adbkey échoue Pourquoi un short doit-il être converti en int avant les opérations arithmétiques en C et C ++? Comment puis-je pousser le commit modifié dans le référentiel Git distant? Comment configurer le format XML Eclipse? Ajouter des espaces avant les lettres majuscules Le jeu d’en-têtes Access-Control-Allow-Origin dans .htaccess ne fonctionne pas Utilisation de la variable membre dans la liste de capture lambda dans une fonction membre

Comment utiliser CSS avec une application ruby ​​on rails?

Comment utiliser CSS avec RoR? Lorsque je lie en externe, je ne suis jamais capable de voir les fichiers. J’ai copié le fichier .css dans chaque dossier auquel je pouvais penser … vues, contrôleur, modèle, et rien ne semble fonctionner.

Que dois-je faire pour activer les fichiers CSS externes avec une application rails? Je suis nouveau sur les rails, alors pardonnez-moi si c’est basique.

Placez les fichiers CSS dans public / stylesheets, puis utilisez: 

<%= stylesheet_link_tag "filename" %>

pour créer un lien vers la feuille de style dans vos mises en page ou fichiers erb dans vos vues.

De même, vous mettez des images en public / images et des fichiers javascript dans public / javascripts.

Si vous utilisez la version rails> 3, il existe un concept appelé asset pipeline . Vous pouvez append votre css à 

 app/asset/stylesheets

alors il sera automatiquement pris en charge par l’application. (ceci est utile car les rails compresseront automatiquement les fichiers css)

lire plus ici sur le pipeline d’actifs

J’ai fait ce qui suit …

  1. Placez votre fichier css dans le dossier app/assets/stylesheets .
  2. Ajoutez le lien de la feuille de style <%= stylesheet_link_tag "filename" %> dans votre fichier de mises en page par défaut (très probablement application.html.erb )

Je recommande ceci en utilisant votre dossier public. Vous pouvez également référencer la feuille de style en ligne, par exemple dans votre page d’index.

Utilisez le tag de feuille de style des rails pour lier votre main.css comme ceci 

 <%= stylesheet_link_tag "main" %>

Aller à 

 config/initializers/assets.rb

Une fois dans le assets.rb ajoutez l’extrait de code suivant juste en dessous du Rails.application.config.assets.version = '1.0' 

 Rails.application.config.assets.version = '1.0' Rails.application.config.assets.precomstack += %w( main.css )

Redémarrez votre serveur.

Le message original était peut-être vrai en 2009, mais maintenant, il est actuellement incorrect, et aucun lien n’est même requirejs pour la feuille de style, comme je le vois mentionné dans d’autres réponses. Rails le fera maintenant pour vous par défaut.

  • Placez toute nouvelle feuille .css (ou autre) dans app / assets / stylesheets
  • Testez votre serveur avec le serveur rails-root / scripts / rails et vous verrez que le lien est ajouté par rails lui-même.

Vous pouvez tester cela avec un chemin d’access dans votre navigateur, comme le fichier testserver: 3000 / assets / filename_to_test.css? Body = 1

Pour append à ce qui précède, l’endroit le plus évident pour append stylesheet_link_tag se trouve dans la présentation globale de votre application – application.html.erb.

Avez-vous essayé de le mettre dans votre dossier public? Chaque fois que j’ai des images ou des éléments similaires dont j’ai besoin de faire référence à l’extérieur, je les mets tous là.