J'essaye de relier un dossier de Sass à une application de Sinatra. J'ai un fichier public/sass/styles.scss
et j'essaie de le lier dans mon fichier views/layout.haml
. Je suis capable de lier un fichier css régulier en utilisant le lien suivant dans mon layout.haml
: %link(rel="stylesheet" href="styles.css")
. Toutefois, lorsque j'essaie de créer un lien vers mon sass/styles.scss
, cela ne fonctionne pas. Quelqu'un peut-il me dire comment lier un fichier css Sass dans une application Sinatra? Merci!Comment lier un fichier Sass dans une application Sinatra?
Répondre
Vous ne liez pas le scss, un scss comme un sass n'est pas un fichier qui est censé être interprété par le navigateur, vous avez besoin d'un compilateur qui traite ce fichier et le convertisse en css.
Vous devez le joyau de la boussole pour générer automatiquement le code CSS de votre SCSS et vous lier le css que vous faisiez référence avant
Ici vous avez un exemple de configuration de la boussole pour sinatra:
https://github.com/chriseppstein/compass/wiki/Sinatra-Integration
Vous n'avez pas besoin d'utiliser une gem séparée pour compiler vos fichiers .scss, Sass l'a intégré.
sass --watch style.scss:style.css
sera mis Sass pour compiler automatiquement style.scss dans style.css chaque fois qu'il se change. Depuis le Sass website,
Maintenant, lorsque vous changez style.scss, Sass mettra automatiquement à jour style.css avec les modifications. Plus tard, lorsque vous avez plusieurs fichiers Sass, vous pouvez également regarder un répertoire entier
Vous pouvez faire:
get '/stylesheets/*.css' do
content_type 'text/css', :charset => 'utf-8'
filename = params[:splat].first
sass filename.to_sym, :views => "#{settings.root}/assets/stylesheets"
end
Vous pouvez utiliser Sass::Plugin::Rack
d'abord installer le bijou Sass.
Ajoutez dans votre Gemfile, si vous utilisez Bundler: gem 'sass'
.
Dans votre config.ru
ajouter:
require 'sass/plugin/rack'
Sass::Plugin.options[:style] = :compressed
use Sass::Plugin::Rack
Ensuite, créez un dossier dans public/stylesheets/sass/
et déposez tous vos fichiers et .scss .sass là-bas.
Cela va créer les Css correspondants dans public/stylesheets/
Par exemple: public/stylesheets/sass/style.scss
va générer public/stylesheets/style.css
Et c'est, vous pouvez modifier les chemins de ceux par défaut et modifier d'autres options mentionnées dans le reference docs
ne sais pas pourquoi vous n'obtenez aucun amour ici - cela a bien fonctionné et semble beaucoup plus propre – Mojowen
@Mojowen c'est probablement parce que la question est assez ancienne et la réponse est un peu nouveau. Merci pour l'upvote, je trouve aussi que c'est une façon plus simple/plus propre! – Agush
sans doute c'est la meilleure réponse, puisque je ne veux pas utiliser la boussole –
- 1. Exécution de Sinatra dans une application MacRuby
- 2. SASS dans Sinatra: impossible de définir le répertoire personnalisé
- 3. générer un fichier css à partir du nouveau format sass (scss) avec sinatra et haml
- 4. Comment spécifier le répertoire Sass personnalisé avec Sinatra
- 5. obtenir le backtrace dans une application sinatra
- 6. L'application Sinatra dans un seul fichier JAR?
- 7. XSS Protection dans une application Sinatra
- 8. Sinatra rend un fichier rubis
- 9. Comment lier LuaSQL dans une application C++?
- 10. Comment obtenir tous les paramètres d'URL dans une application Sinatra
- 11. Comment html_escape les données de texte dans une application sinatra?
- 12. Comment mélanger Ruby et HTML5 dans une application Sinatra?
- 13. Comment déployer une application Sinatra modulaire sur Heroku?
- 14. Télécharger un fichier avec Sinatra
- 15. Comment lier un fichier jar dans eclipse?
- 16. Quel est l'avantage de faire une application Sinatra/Rack dans un seul fichier exécutable localement?
- 17. Analyse des options LESS dans une application Sinatra
- 18. Comment utiliser une gemme dans Sinatra?
- 19. Comment exécuter mon application Sinatra modulaire?
- 20. Sass, boussole et Susy dans une Rails 3.2 application
- 21. Comment configurer VirtualHost pour une application Sinatra avec Passenger?
- 22. Comment lier une bibliothèque statique dans un fichier source cpp?
- 23. Accès au irb dans une application modulaire Sinatra
- 24. Adresse de liaison dans Sinatra Application
- 25. Une application Sinatra + Datamapper sur Heroku
- 26. Comment démarrer une application Sinatra en utilisant « run »
- 27. Lier FFTW dans une application Android NDK
- 28. Comment lier une bibliothèque dynamique avec qmake dans mon application?
- 29. Comment faire un proxy dans Sinatra?
- 30. Application Sinatra avec plusieurs utilisateurs
Il n'a pas besoin d'un gem pour la compilation SCSS depuis Sass a que construit. Compass semble vraiment intéressant cependant. Ce lien –
dit: « Si vous gardez vos feuilles de style « vues/feuilles de style/» répertoire au lieu de « vues/», rappelez-vous de mettre à jour la configuration' sass_dir' en conséquence. » Qu'est-ce que cela veut dire exactement?la partie 'sass_dir' – JGallardo