Ruby on Rails 7, урок #22 | Миграция с Webpacker на ESBuild и DartSass

Сегодня мы поговорим о том, как существуют решения в Rails для управления assets (JS, CSS, изображения) и узнаем, какие нововведения в этом плане предлагает Rails 7. Мы откажемся от использования Webpacker и перейдём на куда более простой ESBuild, который также позволяет выполнять предварительную компиляцию JS. Ну, а для Sass мы задействуем обычный DartSass, который доступен просто как пакет NPM. Помимо этого, поговорим о том, как настроить PostCSS и Autoprefixer. В общем, "press F to pay respects", ибо Webpacker уходит в прошлое.

Таймкоды:
00:00 Введение
00:50 Какие есть решения для управления JS/CSS? Исторический экскурс
05:30 Cssbundling, jsbundling и importmap- новые решения Rails 7
10:25 Обновление Yarn и gem
12:05 Директория assets
12:57 Настройка Cssbundling и DartSass с Bootstrap
15:10 Удаление лишних директорий и библиотек
16:25 Команда build:css в package.json
18:00 Настройка Jsbundling и ESBuild
19:40 Удаление Webpacker
20:45 Команда build для компиляции JS
22:05 Файл dev в папке bin, Procfile.dev и foreman
23:25 Пару слов о assets:precompile
25:00 Запуск Sidekiq из Procfile.dev и проверка работы
26:50 Использование PostCSS и Autoprefixer с DartSass
29:26 Заключение

Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам:    / @ilyabodrovkrukowski  
Аккаунт Ethereum (ETH): 0x719C2d2bcC155c85190f20E1Cc3710F90FAFDa16
Boosty: https://boosty.to/bodrovis
Patreon:   / bodrovis  
DonationAlerts: https://www.donationalerts.com/r/bodr...

Исходный код: https://github.com/bodrovis-learning/...

Канал Telegram: https://t.me/dev_in_ruby_colors
Наш чат в Telegram: https://t.me/joinchat/MxYT6-01eeA1NTYy
Мой сайт: http://bodrovis.tech