Anna Koзырева, приходите на вебинар, соберём макет на pug. Поговорим о том как настроить webpack для scss (с конвертацией в отдельный файл css) как работать с картинками через webpack и многое другое. Время и дата будет оглашена здесь на моем канале. 😉
Спасибо тебе добрый человек!!! Единственно, что хотелось бы как-нибудь ускорить процесс перезагрузки браузера, перезапускается секунд через 10 только. Можно ли как-нибудь ускорить это?
Автор,спасибо большое,все очень доступно объясняете! Но у меня не срабатывает команда webpack в консоли ( пишет bash: webpack: command not found), перепробовала все что написано ниже в комментах,не помогает. Подскажите пожалуйста как это исправить?!!
Подскажите пожалуйста, почему после всех произведенных манипуляций, при запуске localhost:8080 меня бросает на страницу с локальными папками, а не на index.html?
У меня заработало только когда прописал в package.json "scripts": { "start": "webpack --config webpack.config.js" } соответственно в консоли набрал npm run start
Тома Tenshi в каком-то смысле это не обязательно ведь все зависит от точки входа. Но вообще если вы посмотрите на ссылку в описании то там я говорил о том что есть полезные настройки include/exclude
![J.P., NLE Choppa - Bad Bitty (Remix) [Official Music Video]](http://i.ytimg.com/vi/rBDa6BCvw10/mqdefault.jpg)
Материалы и ссылки к видео: school.makenow.com.ua/video/39
а почему вы еще не перешли на yarn?
Еще ты забыл в конце поставить $.
У меня не отслеживается изменения самого html кода.
Мужик, хорошо объясняешь. Спасибо!
Большое спасибо, все получилось с первого раза. Объяснение более чем доступное
Спасибо за очень подробный урок
Молодец, толково объяснил!
рУлз, мОдьюл, бЭйбэл. А в целом - супер)
отличное видео, даже мне помогло
Большое спасибо за помощь)
Сергей, 100500 в карму, все доходчиво объяснил, смогла запустить проект. знаний по вебпаку до этого не было!
Anna Koзырева, приходите на вебинар, соберём макет на pug. Поговорим о том как настроить webpack для scss (с конвертацией в отдельный файл css) как работать с картинками через webpack и многое другое. Время и дата будет оглашена здесь на моем канале. 😉
school.makenow.com.ua/video/49
Супер! Все получилось!!!
Спасибо 👍👍👍👏
команда webpack у меня не сработала. вот решение:
npm i --save-dev webpack-cli
npx webpack
Спасибо тебе добрый человек!!! Единственно, что хотелось бы как-нибудь ускорить процесс перезагрузки браузера, перезапускается секунд через 10 только. Можно ли как-нибудь ускорить это?
А можно ли вместо publicPath: '/assets/' просто использовать path: path.join(__dirname, 'build/assets') ?
видимо в 4й версии вебпака девСервер доступен из коробки и можно в самом конфиге прописывать devServer: { hot: true }.
а ты случаем не забыл вот это выполнить чтобы команда webpack работала в консоли
npm install -g webpack-cli
У меня ток так заработало после
npm install --save-dev webpack
npm install webpack-cli -D
Да он забыл ))) но видео очень понятное, спасибо
как сделать чтобы изменения сразу отображались если я внесу правки в html? правки в js'e отображаются в html'e нет
Автор,спасибо большое,все очень доступно объясняете! Но у меня не срабатывает команда webpack в консоли ( пишет bash: webpack: command not found), перепробовала все что написано ниже в комментах,не помогает. Подскажите пожалуйста как это исправить?!!
Если webpack не установлен глобально, то она и не сработает
Подскажите пожалуйста, почему после всех произведенных манипуляций, при запуске localhost:8080 меня бросает на страницу с локальными папками, а не на index.html?
Попробуй добавить такой код в webpack.config.js:
module.exports = {
// ...
devServer: {
contentBase: path.join(__dirname, 'build')
}
};
не помогает. Заметил, если те же манипуляции провожу для версии webpack 2.6, то все норм, а для 3.11 - получаю на выходе локальную папку на экране
У меня заработало только когда прописал в package.json
"scripts": {
"start": "webpack --config webpack.config.js"
}
соответственно в консоли набрал npm run start
Как отлаживать модифицированный вебпаком код?
Почему в output.path вы использовали нодовскую утилиту path.join, а в entry - нет?
GoeHybrid для того чтобы показать, что можно по разному
Ок, а путь в entry задаётся относительно файла webpack.config.js?
GoeHybrid да, все верно
В качестве локального сервера что используете?
Мухамеджанова Эльмира, все зависит от задачи, если просто компиляция js, то webpack-dev-server мне достаточно
Автор красавчик пиши есчо
Ошибка в консоли GET file:///D:/build/bundle.js 0 ().
Когда убрал publicPath всё заработало.
устанавлиаешь локально вебпак, а запускаешь глобально
почему мы не писали в rules: exclude: /node_modules/
Тома Tenshi в каком-то смысле это не обязательно ведь все зависит от точки входа. Но вообще если вы посмотрите на ссылку в описании то там я говорил о том что есть полезные настройки include/exclude
понятно, спасибо)
рулес)