Zarządzaj i dołącz pliki Handlebars.js z Symfony 2.1 i Assetic

Question

Chcę wykluczyć mój szablon handlebars.js z moich plików twig.

Tak więc utworzyłem nowy katalog w folderze public o nazwie hbs, w którym umieściłem wszystkie moje szablony kierownicy. Jak powiedzieć zasobie aktywów, aby wyrenderować te szablony i zawinąć je za pomocą znacznika script?

Answer 1

Potrzebujesz AsseticBundle 2.1.2 lub nowszego. Poza tym, trzeba zrobić trzy rzeczy:

1. zainstalować kompilator Kierownice
2. skonfigurować filtr assetic skompilować Kierownice szablony
3. Dołącz szablony w szablonie gałązka.

Instalacja kompilatora

podążać za instructions on the handlebars website. Lub krócej:

npm install handlebars -g 

konfigurację filtra

Dodaj do tego pliku konfiguracyjnym:

assetic: 
    filters: 
     handlebars: 
      apply_to: "\.handlebars$" 

to powie assetic zastosować filtr Kierownice do wszystkich plików kończących się na”. kierownice ", skutecznie zamieniając je w skompilowany szablon kierownicy. Możesz dostosować ustawienie do dowolnego preferowanego zakończenia.

Może zaistnieć potrzeba poinformowania użytkownika o tym, gdzie znajduje się kompilator kierownicy, jeśli nie znajduje się on w domyślnej lokalizacji (/ usr/bin/handlebars). Użyj ustawienia "bin" w filtrze kierownicy. Na przykład, jeśli zainstalowano go w podkatalogu projektu (przy użyciu KMP bez opcji -g), twój config może wyglądać następująco:

assetic: 
    filters: 
     handlebars: 
      apply_to: "\.handlebars$" 
      bin: node_modules/handlebars/bin/handlebars 

odniesienie w Twig szablonu

Dodaj nowe odniesienie w swoim szablonie z gałązkami podobne do tego, w jaki sposób dołączyć pliki javascript:

{% javascripts 
    '@MyBundle/Resources/public/hbs/*.handlebars' 

     output='assets/my-handlebars-templates.js' 
     %} 
    <script type="text/javascript" src="{{ asset_url }}"></script> 
{% endjavascripts %} 

Następnie możesz użyć szablonów w swoim projekcie. Są one przechowywane w pliku Handlebars.templates [templatename], a "nazwa-szablonu" jest nazwą pliku szablonu, z wyjątkiem ".handlebars".

Nadzieję, że pomaga ...

Answer 2

Możesz umieścić właściwą drogę do kierownicy w koszu. Następujący pracował dla mnie.

assetic: 
    filters: 
     handlebars: 
      apply_to: "\.handlebars" 
      bin: /usr/local/bin/handlebars 

uzyskać właściwą lokalizację kierownicy korzystając

which handlebars