Ruby on Rails 7, урок #22 | Миграция с Webpacker на ESBuild и DartSass скачать в хорошем качестве

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