Как создать повторно используемый компонент Twig

Question

Я работаю над приложением Symfony 3, которое использует Twig для рендеринга.Чтобы сделать код более читабельным и многократно используемым, мне нужно разделить экран на маленькие части, части, которые можно было бы использовать на других экранах (например, виджет часов).Сначала это кажется простым, я мог бы использовать метод include Twig, чтобы включить эту часть кода.Проблема в том, что мои часы используют некоторые специфические скрипты CSS и JS для работы.

Каков наилучший способ создания повторно используемых компонентов, состоящих из HTML, CSS и JS?Спасибо заранее!

Answer 1

В Twig нет концепции или подхода «Компонент», но вы все равно можете инкапсулировать код CSS + HTML + JS в один файл и включать в качестве отдельного фрагмента кода:

<style>...</style> {# or use <link href="..."> #}
<div>...</div>
<script>...<script> {# or use <script src="..."> #}

Однако, вероятно, Twig не является правильным инструментом для его достижения, и вам следует взглянуть на некоторые рамки внешнего интерфейса (например, VueJS https://vuejs.org/v2/guide/index.html), передав данные через атрибуты HTML.