Symfony 4 - правильная интеграция с Semantic UI

Question

Я хочу интегрировать Semantic UI в мой проект Symfony 4.3. Я установил с помощью npm:

npm install semantic-ui --save

Но правильно ли создавать папку Semantic в корне проекта Symfony?

/semantic (default)

Или я должен перейти в семантическую папку node_modules и запустить там gulp build? Есть ли помощь для меня, как реализовать правильный в Symfony?

THX Mike

Answer 1

Вы должны собрать все ресурсы: javascripts, таблицы стилей, изображения и т. Д.… Свести вместе и поместить в каталог public/ (в public/build или public/assets и т. Д.).

Для этого вынужен Webpack, в настоящее время это лучший упаковщик. Проект Encore очень хорошо интегрируется с Symfony. Прочтите документацию о том, как управлять активами в проекте Symfony.

После развертывания в рабочей среде каталог node_modules на удаленном сервере можно безопасно удалить, чтобы освободитьдисковое пространство.

Что касается проводки всего вместе, создайте каталог front в основном приложении. Там создайте свое приложение, например. app.js, в котором вы загружаете все свои файлы javascript, семантические и т. Д. Использование Encore:

Encore
  .setOutputPath('public/build/')
  .setPublicPath('/build')
  .addEntry('app', './front/app')
  // more skipped for brevity

при сборке проекта будет отправлено в каталог public/build Webpack.

В вашем base-template.html.twig, включая CSS, просто введите:

{{ encore_entry_link_tags('app') }}

в разделе head и:

{{ encore_entry_script_tags('app') }}

непосредственно перед закрытием body.

Если у вас есть какие-либо вопросы относительно webpack-encore , не стесняйтесь задавать еще один вопрос. Удачи.