Тёмный
No video :(

Настройка Webpack + Babel + Dev-server. Что, как и почему? 

Сергій Штурнєв
Подписаться 1,6 тыс.
Просмотров 14 тыс.
50% 1

Опубликовано:

 

27 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 43   
@shturmanqm
@shturmanqm 6 лет назад
Материалы и ссылки к видео: school.makenow.com.ua/video/39
@user-jd5uz5xr9u
@user-jd5uz5xr9u 6 лет назад
а почему вы еще не перешли на yarn? Еще ты забыл в конце поставить $.
@user-jd5uz5xr9u
@user-jd5uz5xr9u 6 лет назад
У меня не отслеживается изменения самого html кода.
@1kebastuz
@1kebastuz 6 лет назад
Мужик, хорошо объясняешь. Спасибо!
@katielamber0238
@katielamber0238 6 лет назад
Большое спасибо, все получилось с первого раза. Объяснение более чем доступное
@han_na2526
@han_na2526 6 лет назад
Сергей, 100500 в карму, все доходчиво объяснил, смогла запустить проект. знаний по вебпаку до этого не было!
@shturmanqm
@shturmanqm 6 лет назад
Anna Koзырева, приходите на вебинар, соберём макет на pug. Поговорим о том как настроить webpack для scss (с конвертацией в отдельный файл css) как работать с картинками через webpack и многое другое. Время и дата будет оглашена здесь на моем канале. 😉
@shturmanqm
@shturmanqm 6 лет назад
school.makenow.com.ua/video/49
@mxzkn5366
@mxzkn5366 6 лет назад
рУлз, мОдьюл, бЭйбэл. А в целом - супер)
@fedotnetot3876
@fedotnetot3876 5 лет назад
Молодец, толково объяснил!
@user-kx3sz2bh5d
@user-kx3sz2bh5d 6 лет назад
команда webpack у меня не сработала. вот решение: npm i --save-dev webpack-cli npx webpack
@user-lw1je9xo1u
@user-lw1je9xo1u 6 лет назад
Спасибо за очень подробный урок
@igortobert7015
@igortobert7015 6 лет назад
отличное видео, даже мне помогло
@Fellendorf85
@Fellendorf85 6 лет назад
Супер! Все получилось!!!
@baguvix2012
@baguvix2012 5 лет назад
Большое спасибо за помощь)
@skv1991
@skv1991 6 лет назад
Спасибо 👍👍👍👏
@levinbraun3475
@levinbraun3475 4 года назад
как сделать чтобы изменения сразу отображались если я внесу правки в html? правки в js'e отображаются в html'e нет
@alste9494
@alste9494 6 лет назад
а ты случаем не забыл вот это выполнить чтобы команда webpack работала в консоли npm install -g webpack-cli
@mrVandecko
@mrVandecko 6 лет назад
У меня ток так заработало после npm install --save-dev webpack npm install webpack-cli -D
@nc7871
@nc7871 6 лет назад
Да он забыл ))) но видео очень понятное, спасибо
@alexiki3523
@alexiki3523 6 лет назад
видимо в 4й версии вебпака девСервер доступен из коробки и можно в самом конфиге прописывать devServer: { hot: true }.
@GoeHybrid
@GoeHybrid 6 лет назад
А можно ли вместо publicPath: '/assets/' просто использовать path: path.join(__dirname, 'build/assets') ?
@korobokinos
@korobokinos 4 года назад
Как отлаживать модифицированный вебпаком код?
@eleukhin
@eleukhin 6 лет назад
Спасибо тебе добрый человек!!! Единственно, что хотелось бы как-нибудь ускорить процесс перезагрузки браузера, перезапускается секунд через 10 только. Можно ли как-нибудь ускорить это?
@htmlcat2356
@htmlcat2356 5 лет назад
Автор,спасибо большое,все очень доступно объясняете! Но у меня не срабатывает команда webpack в консоли ( пишет bash: webpack: command not found), перепробовала все что написано ниже в комментах,не помогает. Подскажите пожалуйста как это исправить?!!
@oleksiib.9762
@oleksiib.9762 4 года назад
Если webpack не установлен глобально, то она и не сработает
@letok2871
@letok2871 5 лет назад
У меня заработало только когда прописал в package.json "scripts": { "start": "webpack --config webpack.config.js" } соответственно в консоли набрал npm run start
@GoeHybrid
@GoeHybrid 6 лет назад
Почему в output.path вы использовали нодовскую утилиту path.join, а в entry - нет?
@shturmanqm
@shturmanqm 6 лет назад
GoeHybrid для того чтобы показать, что можно по разному
@GoeHybrid
@GoeHybrid 6 лет назад
Ок, а путь в entry задаётся относительно файла webpack.config.js?
@shturmanqm
@shturmanqm 6 лет назад
GoeHybrid да, все верно
@antonprokopenko852
@antonprokopenko852 6 лет назад
Подскажите пожалуйста, почему после всех произведенных манипуляций, при запуске localhost:8080 меня бросает на страницу с локальными папками, а не на index.html?
@maxtirdatov
@maxtirdatov 6 лет назад
Попробуй добавить такой код в webpack.config.js: module.exports = { // ... devServer: { contentBase: path.join(__dirname, 'build') } };
@antonprokopenko852
@antonprokopenko852 6 лет назад
не помогает. Заметил, если те же манипуляции провожу для версии webpack 2.6, то все норм, а для 3.11 - получаю на выходе локальную папку на экране
@alexanderp7521
@alexanderp7521 6 лет назад
Ошибка в консоли GET file:///D:/build/bundle.js 0 (). Когда убрал publicPath всё заработало.
@Links...
@Links... 6 лет назад
устанавлиаешь локально вебпак, а запускаешь глобально
@user-dk4ji5eb6g
@user-dk4ji5eb6g 6 лет назад
В качестве локального сервера что используете?
@shturmanqm
@shturmanqm 6 лет назад
Мухамеджанова Эльмира, все зависит от задачи, если просто компиляция js, то webpack-dev-server мне достаточно
@tenshi604
@tenshi604 6 лет назад
почему мы не писали в rules: exclude: /node_modules/
@shturmanqm
@shturmanqm 6 лет назад
Тома Tenshi в каком-то смысле это не обязательно ведь все зависит от точки входа. Но вообще если вы посмотрите на ссылку в описании то там я говорил о том что есть полезные настройки include/exclude
@tenshi604
@tenshi604 6 лет назад
понятно, спасибо)
@JS-Oasis
@JS-Oasis 5 лет назад
рулес)
@milovidov42
@milovidov42 6 лет назад
Автор красавчик пиши есчо
Далее
나랑 아빠가 아이스크림 먹을 때
00:15
Просмотров 3,2 млн
Webpack. Базовая сборка проекта
1:19:12
Webpack. Full Course 2020
2:51:49
Просмотров 624 тыс.