НАСТРОЙ СВОЙ REACT ПРОЕКТ С ПОМОЩЬЮ WEBPACK | How to config webpack?

preview_player
Показать описание


Сниппет: `npm install -D webpack webpack-cli webpack-dev-server @babel/core @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin css-loader html-webpack-plugin mini-css-extract-plugin sass sass-loader style-loader`
Рекомендации по теме
Комментарии
Автор

Потрясающе, впервые у меня сработало все без ошибок, а объяснение понятное и без воды. Спасибо, дружище!

АннаПотреба-ящ
Автор

Ты создан для того чтобы вести ютуб канал - приятный голос, коротко и по делу, офигенный монтаж! Кароче, не останавливайся, это точно твоë!

krendel
Автор

Лучший урок по вебпаку и короткий. Спасибо!

dmitriystoyanov
Автор

дружище лайк и подписку заслужил, продолжай радовать подписчиков годным контентом !!! Удачи в карьере ютубера и программиста .

yakub
Автор

Отличный урок! Коротко и по делу. Спасибо🤝

dmitriij
Автор

У output есть настройка clean. Это заместо CleanWebpackPlugin, если используете его чисто для очищения всего

grenadier
Автор

По поводу хэша, это чуть чуть не так работает. На самом деле, если браузер будет загружать файл с одинаковым названием (даже если он изменился), кэш как раз таки и создаст проблемы, ведь у пользователя сохранена старая версия скрипта или css. Именно поэтому хэш и добавляют, т.к. для браузера каждый такой файл считается как новый, и он загружает его заново

TeenDay
Автор

Классный видос! Выпусти еще что-нибудь, хорошо объясняешь :) только немного отвлекал фон с летящими звездами

tatianaagapkina
Автор

ошибка запуска -"NODE_ENV не является внутренней или внешней командой" Что то ты нам не верно рассказал
*Обновление: ошибка была связана с тем что я разработку веду на винде а автор не на винде. И потому такая разница. У него это рабочий код а на винде в script нужно добавлять префикс set или использовать пакет cross-env добавленный в dev зависимость package.json

Seregaj
Автор

Спасибо тебе большое, а можешь сделать видео как ты настраиваешь вепбак для лендинга ? И можно ли с помощью плагина HtmlWebpackPlugin HTML код разбивать на файлы ?

jonyonee
Автор

в общем у кого в конце выскакивает ошибка, хотя всё сделали правильно - листайте до комментария Паши Доценко

Doodler
Автор

скачиваю твой репозитарий, выскакивает такая ошибка -->>>> 'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.

pashadotcenko
Автор

В чем разница между настройкой проекта таким образом и react create-app?

Syberby
Автор

ДевСервер, который будет сервить наши ассеты в дев энвайронменте - это 5! 😆

demiurgen
Автор

Подскажите, пожалуйста, как мне записать имена классов без использования styles.class . Если записывать как обычно, ошибки нет, но свойства не применяются

olesya
Автор

спасбио большое за ролик, а можешь пожалуйста более подробный видос сделать по вебпаку для реакта ? по всем плагинам которые действительно понадобятся в продакшен ? и где их смотреть ? спасибо

oleksiishkulipa
Автор

Не работает hot reload. Постоянно надо перезагружать проект

mortinsz
Автор

То есть, для того, чтобы css работал, нужно всегда прописывать в коде реакта к тегам html .styles (тэг.styles)?

KhokhlovNikita
Автор

А как настроить вебпак с "react-app-rewired"? там в скриптах используется react-app-rewired
*Обновление: вопрос пока еще актуален

Seregaj
Автор

установил как показано. сделал как написано, но не помогло. export 'default' (imported as 'store') was not found in './store.jsx' (module has no exports). экспорт вот так делается module.exports =. когда переделал на экспорт дефаулт без слова модул, то все запустилось. но тут таких мест сотни. ранее работало на старом вебпаке и вот обновил. если не получится решить проблему, придется возвращать старый вебпак.

romanmed