Дата обновления перевода: 2021-06-01
Управление CSS и JavaScript¶
Screencast
Предпочитаете видео-уроки? Посмотрите Webpack Encore screencast series.
Symfony поставляется с библиотекой полностью на JavaScript - называемой Webpack Encore
- которая делает работу с CSS и JavaScript радостью. Вы можете использовать ее, или
что-то другое, или просто создавать статичные файлы CSS и JS files в вашем каталоге public/
и включать их в ваши шаблоны.
Webpack Encore¶
Webpack Encore - это упрощенный сопсоб интеграции Webpack в ваше приложение. Он становится оберткой для Webpack, предоставляя вам чистый и мощный API для построения модулей JavaScript, предварительной обработки CSS и JS, а также для компиляции и уменьшения ресурсов. Encore предоставляет вам профессиональную систему ресурсов, упоительную в использовании.
Enconre вдохновлена Webpacker и Mix, но создана в духе Webpack: использует его функции, концепты и договорености по именованию для более привычного ощущения. Она стремится исправить большинство распросраненных случаев использования Webpack.
Tip
Encore сделана Symfony и прекрасно работает в приложениях Symfony. Но она также с легкостью может быть использована в любом приложении… На любом языке!
Документация Encore¶
Начало работы¶
Добавление функций¶
Оптимизация¶
Справочники¶
- Использоваие самозагрузки CSS & JS
- Создание CSS/JS для конкретных страниц
- jQuery и приложения наследования
- Передача информации из Twig в JavaScript
- webpack-dev-server и Hot Module Replacement (HMR)
- Добавление пользовательских загрузчиков и плагинов
- Продвинутая конфигурация Advanced
- Использование Encore в Виртуальной Машине
Проблемы и вопросы¶
Полный API¶
Эта документация является переводом официальной документации Symfony и предоставляется по свободной лицензии CC BY-SA 3.0.