Сборка проекта с three.js с помощью webpack: настройка дева и прода

В этом видео мы погрузимся в процесс работы с библиотекой three.js в уже собранном проекте при помощи инструмента webpack. Мы изучим, как настроить окружение разработки, чтобы быстро просматривать и тестировать наши трехмерные проекты. Вы узнаете, как настроить dev-server и использовать горячую перезагрузку (hot reload) для мгновенного обновления изменений в вашем проекте. Кроме того, мы также рассмотрим процесс сборки и оптимизации вашего приложения для продакшена с помощью webpack, чтобы получить максимальную производительность и эффективное использование ресурсов. •••••••••••••• 0:00 Зачем нам другая сборка? 1:17 Создаем структуру папок 2:06 Инициализация проекта и установка пакетов 2:40 Создание конфигураций webpack 5:55 Настройка скриптов и запуск •••••••••••••• Ресурсы, про которые я говорила в ролике: NodeJS: [
](
Webpack: [
](
Исходный код:
Пакеты, которые я устанавливала в видео: npm install webpack webpack-cli webpack-dev-server webpack-merge clean-webpack-plugin copy-webpack-plugin @babel/core @babel/preset-env babel-loader css-loader file-loader html-loader html-webpack-plugin mini-css-extract-plugin portfinder-sync raw-loader style-loader ip --save-dev •••••••••••••• Telegram канал проекта:
Угостить меня кофе:
Boosty подписка на доступ к текстовым материалам:
Boosty подписка на доступ к текстовым материалам и коммьюнити:
Спасибо за внимание