assetmapper

AssetMapper

AssetMapper — это компонент в Symfony, который упрощает управление фронтенд-активами (CSS, JavaScript и другими ресурсами). Он позволяет управлять зависимостями без использования сложных инструментов сборки.

Общие сведения

Symfony предоставляет функцию asset() в Twig, которая помогает сгенерировать URL на такие ресурсы как js, css, image и др.


#Установить 
composer require symfony/asset-mapper symfony/asset symfony/twig-pack symfony/stimulus-bundle

Symfony дает вам возможность выбирать любые инструменты для фронтенда. Обычно используются два подхода:
AssetMapper (рекомендуется для новых проектов) полностью написан на PHP, не требует сборки и использует современные веб-стандарты.
Webpack Encore создан на основе Node.js поверх Webpack.

Можно использовать AssetMapper с JSX (React), Vue и т. д., но для предварительной компиляции понадобятся их собственные инструменты.


#просмотр всех сопоставленных ресурсов
php bin/console debug:asset-map

#Сопоставление определенного файла
php bin/console debug:asset-map bootstrap.js

#Сопоставление файлов в определенном каталоге
php bin/console debug:asset-map style

#Сопоставление файлов с определенным расширением
php bin/console debug:asset-map --ext=css

#Вендоры только
php bin/console debug:asset-map --vendor

Пример использования

Если вы создадите файл assets/images/duck.png, то сможете сослаться на него в шаблоне следующим образом:

Путь - images/duck.png - указан относительно вашего сопоставленного каталога (assets/). Это так называемый логический путь к вашему ресурсу.

В среде prod перед развертыванием необходимо выполнить следующую команду, все файлы из подключенных каталогов будут физически скопированы в public/assets: