Управління CSS та JavaScript
Дата оновлення перекладу 2022-05-17
Управління CSS та JavaScript
Screencast
Віддаєте перевагу відео-урокам? Подивіться Webpack Encore screencast series.
Symfony постачається з бібліотекою повністю на JavaScript - що називається Webpack
Encore - яка робить роботу з CSS та JavaScript радістю. Ви можете використовувати її,
або щось інше, або просто створювати статичні файли CSS та JS у вашому каталозі 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 у Віртуальній Машині
Інші статті про фронт-енд
- Assetic
- Assetic
- Як використовувати стратегію користувацьких версій для ресурсів
- Просунута конфігурація Webpack
- Конфігурація Babel
- Використання Bootstrap CSS і JS
- Использование CDN
- Асихнронное разделение кода
- Копирование и ссылание на изображения
- Предпроцессоры CSS: Sass, LESS, Stylus, и др.
- CSS-предпроцессоры: Sass, LESS, и др.
- Додавання користувацьких завантажувачів та плагінів
- Using webpack-dev-server and HMR
- Використання webpack-dev-server і HMR
- ЧПП та розповсюджені проблеми
- Установка Encore
- jQuery і додатки наслідування
- Создание CSS/JS, присущих странице
- PostCSS і атовматичне додавання префіксів (postcss-loader)
- Підключення React.js
- Передача інформації з Twig у JavaScript
- Создание общей распространённой записи
- Encore: Налаштування вашого проекту
- Включение исходных карт
- Предотвращение дублирования путем "разделения" общего кода в отдельные файлы
- Підключення TypeScript (ts-loader)
- Встраивание изображений и шрифтов в CSS
- Версионирование ресурсов
- Encore против Assetic?
- Using Encore in a Virtual Machine
- Підключення Vue.js (vue-loader)
- Ініціатива та пакети Symfony UX