MetaDone » Быстро и безболезненно внедряем Laravel Elixir в Symfony

Быстро и безболезненно внедряем Laravel Elixir в Symfony

Здравствуйте, товарищи! Последнее время на работе использую php-фреймворк Laravel, а в личных целях, в т.ч. для самообразования, использую Symfony. В последний раз, когда я с ним возился, для компиляции ассетов я использовал AsseticBundle, но пришло время двигаться вперед и забыть об этом ужасе, летящем на крыльях ночи. Шучу, не ужасе, просто лучше использовать общепринятые инструменты.

В Laravel используется для таких целей крутой инструмент Elixir, который позволяет без знания и опыта работы с gulp собирать фронтэнд простыми командами. По сути он предоставляет кошерную удобную обертку для тех же команд, которые нужно писать вручную для компиляции less, scss, объединению и сжатию скриптов и стилей. В полной версии я расскажу как интегрировать все это дело в Symfony

Для начала подразумевается, что у Вас уже установлен nodejs и gulp. Если же не установлен, то вы можете установить все это дело себе в ubuntu-подобную ОС следующими командами

sudo apt-get install nodejs
sudo apt-get install npm
sudo npm install -g n
sudo n 6.5.0
sudo ln -sf /usr/local/n/versions/node/6.5.0/bin/node /usr/bin/node
node -v
sudo npm install --global gulp

sudo apt-get install nodejs

sudo apt-get install npm

sudo npm install -g n

sudo n 6.5.0

sudo ln -sf /usr/local/n/versions/node/6.5.0/bin/node /usr/bin/node

node -v

sudo npm install --global gulp

Итак, у вас уже имеется проект на Symfony. В его корне выполним команду

npm init
npm install --save-dev gulp laravel-elixir

1 2	npm init npm install --save-dev gulp laravel-elixir

Теперь можно приступать к конфигурации gulp для проекта. Пример gulpfile.js

const elixir = require('laravel-elixir');

elixir.config.publicPath = 'web';
elixir.config.appPath = 'src';
elixir.config.assetsPath = 'app/Resources/assets';

elixir(function(mix) {
    mix.scripts([
        'core.js',
    ]);
    
    mix.version(['web/js/all.js']);
});

const elixir = require('laravel-elixir');

elixir.config.publicPath = 'web';

elixir.config.appPath = 'src';

elixir.config.assetsPath = 'app/Resources/assets';

elixir(function(mix) {

mix.scripts([

'core.js',

]);

mix.version(['web/js/all.js']);

});

Теперь разберем что это все значит. Сначала мы подключили elixir, после назначили папку, которая находится в публичном доступе (для laravel — public, для symfony — web), после назначили папку с приложением и папку, где лежат исходники для фронтэнда. В папке с иходниками желательно хранить скрипты — в js, css — соответсвенно в подпапке css. Для остальных частей — less,scss — желательно создать такие же подпапки, чтоб elixir их подцепил. К примеру файл core.js лежит в проекте в папке app/Resouces/assets/js/core.js. В общем теперь можно делать все согласно исходной документации.

Теперь нам нужно заставить symfony взаимодействовать с elexir. Для этого можно использовать репозиторий https://github.com/brieucthomas/elixir-twig-extension. Все, теперь можно использовать Elixir вместе с Symfony

Быстро и безболезненно внедряем Laravel Elixir в Symfony

Добавить комментарий Отменить ответ

Комментарии:

Вход на сайт

Разделы

Метки