web-dev-qa-db-fra.com

Comment utiliser Rails 5.1.0 et jQuery

J'ai commencé à utiliser Rails v5.1.0 que je comprends livré sans jQuery par défaut, mais je veux installer jQuery pour travailler avec Zurb Foundation 6.

Quelle est la meilleure façon de configurer cela car la fondation ne charge pas actuellement les modaux?

ruby-on-railsrubyzurb-foundation
11
MrBiggs

Résumé:

  • Installer le fil
  • yarn add jquery
  • Ajouter jquery au fichier manifeste application.js

~~~

J'ai également rencontré ce problème aujourd'hui.

Dans cet article sur l'utilisation d'ActionCable avec 5.1 j'ai appris que la nouvelle façon d'obtenir JQuery dans votre application est d'utiliser Yarn qui est un gestionnaire de dépendances javascript (pensez Gemfile et Bundler mais pour javascript).

Vous remarquerez un nouveau fichier exécutable lorsque vous créez une nouvelle application dans Rails 5.1: bin/yarn. Essayer d'exécuter ceci sans fil installé sur votre système donnera le message utile typique "que faire ensuite":

Download Yarn at https://yarnpkg.com/en/docs/install

  • Si vous utilisez homebrew sur Mac, vous pouvez simplement brew install yarn.

  • Si vous utilisez Chocolatey sous Windows, choco install yarn.

  • Sous Linux, l'habituel "ajoutez un dépôt et Sudo apt-get install yarn appliquer. Je vous laisse vous promener sur la page des documents pour obtenir les détails.

Une fois que vous êtes en forme, vous pouvez faire:

yarn add jquery

ce qui ajoutera jquery au fichier de dépendances .js: package.json. C'est un peu comme le "Javascript Gemfile" de votre application, et Yarn est votre "Bundler".

Maintenant que jquery a été ajouté à votre projet, vous pouvez l'inclure dans votre manifeste de la manière habituelle.

//= require jquery
//= require Rails-ujs
//= require turbolinks
//= require bootstrap
//= require_tree .

Vous pouvez également trouver ce lien également utile. C'est un article qui parle des nouvelles idées pour gérer les dépendances Javascript dans Rails.

36
Mr. Tim

Supprimez le jQuery par défaut du fichier manifeste javascript en supprimant la ligne contenant //= require jquery de app/assets/javascripts/application.js puis ajoutez votre version de jquery. Vous pouvez ajouter votre fichier jQuery dans app/assets/javascripts et il sera récupéré automatiquement ou en utilisant une version CDN.

1
Aref Aslani