Come si importa un file Javascript in una vista Haml?

Question

Desidero includere alcune funzionalità Javascript in una vista Haml, ma non voglio che venga inserita in ogni vista. Devo inserire il file Javascript in public/javascripts o posso inserirlo in app/assets/javascripts per tenerlo nascosto all'utente e fare ancora riferimento all'interno del file di visualizzazione haml?

Come fareste entrambe le opzioni se sono possibili?

Answer 1

Si dovrebbe solo utilizzare

!!! 
%html 
    %head 
    = javascript_include_tag "my_js_file" 

se è specifico per un posto, è necessario utilizzare content_for

!!! 
%html 
    %head 
    = yield(:javascripts) 

E poi secondo lei

- content_for :javascripts do 
    = javascript_include_tag "my_js_file" 

Answer 2

Includere Direttamente

Se si desidera che il javascript incluso direttamente nel Haml, è possibile utilizzare :javascript

:javascript 
    $(function() { alert("js inside haml"); } 

si può mettere questo in un parziale e poi basta rendere il parziale per mantenere le vostre opinioni puliti.

Riferimento E

Se si vuole solo fare riferimento javascript e avere il browser tirarlo in, si dovrebbe usare javascript_include_tag come sempre. Qui, dovrai rendere visibile il file javascript, invece di richiederlo nel manifest application.js. Ricordarsi di aggiungere il manifesto per config.assets.precompile nel vostro application.rb, secondo http://guides.rubyonrails.org/asset_pipeline.html

(nel vostro Haml):

= javascript_include_tag 'somefile' 

(in config/application.rb):

config.assets.precompile += ['somefile.js'] 

Answer 3

Se il tuo javascript è piccolo e molto semplice, ti suggerisco di includere javascript direttamente in HAML:

:javascript 
    alert('hi hi!') 

Altrimenti dovresti usare la pipeline delle risorse. Si assicura che i tuoi javascript siano pre-processed, compressed and minified. Aiuta anche a mantenere i javascript ben organizzati (ad esempio la separazione tra script e script del fornitore) e facilmente testabile (con framework di test come jasmine//evergreen). Se sei nuovo alla pipeline delle risorse, here è una buona lettura =)