De manière Standard pour inclure des fichiers Javascript en application?

Dire que j'ai tiré un fancy.js fichier à partir de quelque part en ligne, quelles sont les étapes que je dois prendre de l'inclure dans mon Rails 4 application?

Maintenant j'ai le texte suivant

  1. Déplacer fancy.js pour les actifs/javascripts dossier
  2. ajouter //= besoin de fantaisie à application.js asset pipeline
  3. ???

Il y a plus de suit après 1 et 2, ou suis-je en train de faire tout ce mal pour commencer?

OriginalL'auteur user3277633 | 2014-11-03

  1. 6

    Dirait que vous êtes sur le bon chemin. Jetez un oeil à l'intérieur de app/assets/javascripts/application.js

    Lorsque vous avez créé une nouvelle application (c'est à dire, rails new app_name), il devrait avoir ajouté 

    //= require_tree .

    Simplement ajouter des références à d'autres fichiers javascript que vous souhaitez inclure.

    EXEMPLE

    //= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require fancy
//= require_tree .

    Vous pouvez trouver plus d'info sur L'ajout d'un Fichier Javascript Rails

    merci pour la réponse. Il y a aucune syntaxe spéciale de la convention que je devrais être au courant? que faire si le nom de fichier est fancy.min.js que s'opposer à l'fancy.js? est la syntaxe simple besoin de fantaisie.min ?
    vous devez ajouter le fichier comme suit ://= require fancy.min.js
    Je vois, merci! La raison pour laquelle je suis demander c'est parce que j'ai l'intention d'utiliser une jquery.backstretch.min.js fichier dans mon application rails, donc j'aurais à ajouter //= demander jquery.backstretch.min.js à mon application.js droit?
    Oui, c'est correct. bonne chance!
    juste l'ajouter à votre page: <%= javascript_include_tag "my_javascipt_file" %>

    OriginalL'auteur Cyzanfar

  2. 3

    Une meilleure alternative lors de l'utilisation de tiers populaire de l'actif est de regarder sur Rubygems pour un gemified version de l'actif. Dans ce cas fancybox2-rails.

    gem 'fancybox2-rails', '~> 0.2.8'

    Ajoutant le joyau à votre application.js avec des pignons:

    //= require jquery
//= require fancybox

    Ou dans une balise script:

    <%= javascript_include_tag "fancybox" %>

    Et le css:

    /*
 *= require_self
 *= require fancybox
 *= require_tree .
 */

    L'avantage de l'utilisation de Gemified des paquets est que son plus facile à maintenir et à vous éviter de polluer votre base de code dans la 3ème partie du code. L'inconvénient est que le bijou peut être plusieurs versions plus anciennes que le logiciel lui-même, il encapsule.

    Si vous devez ajouter du fournisseur de fichiers, vous devez sans doute être en les ajoutant à lib/assets et pas app/assets, car il fait clairement la séparation entre le code qui, de fait, les lecteurs de votre application unique et dépendances.

    Une autre chose à retenir est que les actifs sont le plus souvent compilé au moment du déploiement dans votre environnement de production (c'est particulièrement vrai sur Heroku) et non pas par la demande (ce qui serait très lent). Vous ne pouvez donc pas les conditions d'utilisation dans votre pignons directives.

    OriginalL'auteur max