Używam Twig i chciałbym być w stanie zminimalizować wyjście HTML. Jak mam to zrobic? Próbowałem {% spaceless %}
, ale to wymaga dodania tego do wszystkich moich szablonów. Czy mogę dodać minifikację w silniku Twig?Jak zminimalizować HTML za pomocą Twig?
Odpowiedz
Zastosowanie
{% spaceless %}
YOUR WHOLE PAGE GOES HERE HTML, TWIG, JS EVERYTHING...
{% endspaceless %}
może się okazać, że twoja wersja gałązka nie rozpoznaje znaczniki, wystarczy zaktualizować najnowszą wersję patyk.
To zminimalizuje wyjściowy HTML wygenerowany, a ładowanie strony pójdzie w górę, ponieważ tylko ładuje skompilowaną wersję html.
Mimo że nadal można wyświetlić kod w czytelnej sytuacji.
'spaceless' NIE jest przeznaczone do tego celu. "Ten znacznik nie ma na celu" zoptymalizowania "rozmiaru generowanej treści HTML, ale jedynie uniknięcia dodatkowych odstępów między znacznikami HTML, aby w niektórych okolicznościach uniknąć wyświetlania dziwnych informacji w przeglądarce." http://twig.sensiolabs.org/doc/tags/spaceless.html – turibe
Ponadto, minifing! = usuwanie białych znaków. Powinien również usunąć wszystkie komentarze, na przykład. To cecha, którą powinni dodać w Twig –
To może ci pomóc niewiele.
użyj html-compress-twig, możesz kompresować html, css, js w jednym package.use composer, aby zainstalować composer require nochso/html-compress-twig
i musisz dodać rozszerzenie z gałązką za pomocą tego kodu.
$app->extend('twig_theme', function($twig_theme, $ojt) {
$twig_theme->addExtension(new nochso\HtmlCompressTwig\Extension());
return $ojt_theme;});
w końcu przejdź do pliku szablonu dodaj ten kod.
{% htmlcompress %} ....your coding... {% endhtmlcompress %}
{{ htmlcompress('<ul> <li>') }}
{{ '<ul> <li>'|htmlcompress }}
- 1. Jak zminimalizować kod ES6 za pomocą Webpacka?
- 2. Twig addFilter za pomocą Silex?
- 3. Formatowanie numeru telefonu za pomocą Twig
- 4. Jak mogę zminimalizować CSS za pomocą `less` w` express-js`?
- 5. Jak zminimalizować opóźnienie w transmisji na żywo za pomocą ffmpeg
- 6. Jak wyświetlić znaczniki HTML zapisane w bazie danych za pomocą Symfony 2 i Twig
- 7. Symfony2 Dołącz w html w Twig
- 8. Tworzenie gotowych do użycia elementów współużytkowanych za pomocą twig
- 9. twig striptags i html specjalne znaki
- 10. Eliksir Laravel: Jak zminimalizować pliki?
- 11. Jak odczytać tabelę html za pomocą Rselenium?
- 12. HTML jak wyczyścić wejście za pomocą javascript?
- 13. Jak usunąć znacznik HTML za pomocą PHPQuery?
- 14. Jak utworzyć stronę wzorcową za pomocą HTML?
- 15. Jak wyświetlić html za pomocą QWebView. Pyton?
- 16. jak przetestować atrybuty html za pomocą rspec?
- 17. Jak mogę zaimportować html za pomocą php?
- 18. Jak analizować stronę HTML za pomocą Node.js
- 19. jak odkodować kody html za pomocą Java?
- 20. Jak "renderować" HTML za pomocą QWebEngineView PyQt5A
- 21. Jak skompresować html za pomocą PlayFramework
- 22. Jak przekierować rozszerzenie html za pomocą htaccess?
- 23. Jak uciec przed ogranicznikami Twig w szablonie Twig?
- 24. jak zminimalizować plik ruby
- 25. Jak zminimalizować aplikację J2ME?
- 26. NetBeans - podświetl składnię html za pomocą plików z gałązkami
- 27. Parsowanie HTML za pomocą XPath
- 28. Jak zminimalizować i zmaksymalizować w C# .Net?
- 29. Jak zminimalizować/zmaksymalizować otwarte aplikacje
- 30. Jak zminimalizować ES6 przy użyciu Gulp
Cóż, klucz programista gałązka wyraźnie [wskazano] (https://github.com/fabpot/Twig/issues/624) Gałązka że w ogóle, a 'spaceless' w szczególności nie jest zaprojektowany jako minifikacji narzędzie. Co powiesz na używanie Tidy lub 'mod_strip' zamiast? – raina77ow
Pytanie Kinda nooba, ale jak mam to zaimplementować w silniku Twig? – daviesgeek
Możesz dodać '{% spaceless%}' do swoich szablonów bazowych otaczających znaczniki ''. W ten sposób odnosi się to również do każdego szablonu podrzędnego. – adamors