@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 6 марта 2018 г.

12:49:18 ДП
User 429550794
Может кто спрашивал уже но я не нашел через поиск: что с ExtractTextPlugin? он deprecated?
03:18:21 ДП
User 1040677
User 122087672
есть html с картинками, грузится через html-loader. картинки лежат в src/images, который доступен через resolve.root
пути к картинкам прописаны как images/image.png, но лоадер добавляет к нему ./ и конечно не находит, потому что картинки не рядом с темплейтами
кто знает, как сделать, чтоб не добавлял?
Может быть у тебя publicPath прописан?
06:03:39 ДП
User 122087672
User 1040677
Может быть у тебя publicPath прописан?
не, они рекваерились неправильно, а не отображались. но я решил вроде. есть опция interpolate = require, при которой он не добавляет ./
08:02:11 ДП
User 67164223
Как в вебпаке 4 на девелопмент режим условие сделать?
08:03:52 ДП
User 207638731
User 67164223
Как в вебпаке 4 на девелопмент режим условие сделать?
Так же как и в 3
08:04:09 ДП
User 67164223
User 207638731
Так же как и в 3
ну я устанавливал сам чере cross-env
08:04:18 ДП
User 67164223
а сейчас есть режим —mode development
08:04:22 ДП
User 207638731
User 67164223
ну я устанавливал сам чере cross-env
А как ещё хочешь?
08:04:51 ДП
User 207638731
User 67164223
а сейчас есть режим —mode development
Как условие его вроде не возможно использовать.
08:05:21 ДП
User 134905826
User 122087672
не, они рекваерились неправильно, а не отображались. но я решил вроде. есть опция interpolate = require, при которой он не добавляет ./
у html-loader есть root в options
08:42:17 ДП
User 122087672
User 134905826
у html-loader есть root в options
это не то. оно требует src="/images/image"
09:15:53 ДП
User 438009819
Всем Привет! Товарищи ай хв а проблем(
09:16:07 ДП
User 438009819
не получается настроить проксирование в вебпаке
09:16:24 ДП
User 438009819
что надо: надо загрузить JSON по ссылке из интернета
09:16:50 ДП
User 438009819
я вроде бы настроил как в документации
09:17:09 ДП
09:17:25 ДП
User 438009819
'/api/: тут указал путь до JSON
09:17:43 ДП
User 438009819
и при запросе обращался к /api
09:17:51 ДП
User 438009819
но получаю 403 ошибку
09:18:00 ДП
User 438009819
что я делаю не так?
09:18:06 ДП
User 32530886
403 это нет доступа
09:18:40 ДП
User 438009819
я знаю
09:19:05 ДП
User 438009819
но разве проксирование не должно решать эту проблем?
09:19:51 ДП
User 32530886
с чего вдруг?
09:21:02 ДП
User 438009819
ок, а почему может не быть доступа? это же просто JSON  в интернете
09:21:13 ДП
User 438009819
я могу его в браузере по прямой ссылке посмотреть
09:23:26 ДП
User 32530886
ну значит сервер хранящий его, запретил доступ по api
09:23:28 ДП
User 32530886
или ещё как
09:23:30 ДП
User 32530886
смотри ответ
09:23:36 ДП
User 32530886
а не только http статус
09:27:17 ДП
User 438009819
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>403 Forbidden</title>
</head><body>
<h1>Forbidden</h1>
<p>You don't have permission to access /raw/api/task/users.json
on this server.<br />
</p>
</body></html>
09:27:26 ДП
User 438009819
вот что в responseText
09:27:41 ДП
09:27:48 ДП
User 32530886
нет доступа пишет
09:29:00 ДП
User 241411380
User 438009819
ок, а почему может не быть доступа? это же просто JSON  в интернете
попробуйте поиграться с заголовками запроса, раз вы его через браузер можете открыть
09:29:30 ДП
User 438009819
если б я знал как именно поиграться(
09:29:41 ДП
User 438009819
что туда можно дописать, чтоб заработало?
09:30:17 ДП
User 241411380
например, открываете devtools того же хрома, смотрите в заголовки запроса и пишете себе. как минимум, попробуйте сменить user-agent
09:33:31 ДП
User 438009819
Request URL:http://localhost:3000/api/task/users.json
Request Method:GET
Status Code:403 Forbidden
Remote Address:127.0.0.1:3000
Referrer Policy:no-referrer-when-downgrade
connection:close
content-length:232
content-type:text/html; charset=iso-8859-1
date:Tue, 06 Mar 2018 09:31:03 GMT
server:Apache/2.4.10 (Debian)
Vary:Accept-Encoding
X-Powered-By:Express
Accept:*/*
Accept-Encoding:gzip, deflate, br
Accept-Language:ru-RU,ru;q=0.9,en-US;q=0.8,en;q=0.7
Connection:keep-alive
Host:localhost:3000
Referer:http://localhost:3000/
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36
09:33:56 ДП
User 438009819
вот что в заголовках в моём запросе
09:34:54 ДП
User 241411380
User 438009819
вот что в заголовках в моём запросе
это с браузера скопировал?
09:35:02 ДП
09:35:40 ДП
User 241411380
эм, а как он может быть доступен в браузере, если тут тоже 403 ошибка висит..
09:36:33 ДП
User 438009819
это с локального хоста приложения в котором я пытаюсь json загрузить
09:36:40 ДП
User 438009819
нужны заголовки ресурса?
09:38:27 ДП
User 241411380
User 438009819
это с локального хоста приложения в котором я пытаюсь json загрузить
а ты точно не закрыл доступ на беке к этому ендпоинту?
09:39:52 ДП
User 438009819
я вообще бекенд не делал.

просто вебпак девсервер и просто адрес к JSON в интернете. просто XMLHTTPRequest.

обычно так всегда работало
09:41:10 ДП
User 241411380
User 438009819
я вообще бекенд не делал.

просто вебпак девсервер и просто адрес к JSON в интернете. просто XMLHTTPRequest.

обычно так всегда работало
да, понял, тут тогда не смогу помочь, сорри
09:41:30 ДП
User 438009819
спасибо
09:42:30 ДП
User 32530886
User 438009819
Request URL:http://localhost:3000/api/task/users.json
Request Method:GET
Status Code:403 Forbidden
Remote Address:127.0.0.1:3000
Referrer Policy:no-referrer-when-downgrade
connection:close
content-length:232
content-type:text/html; charset=iso-8859-1
date:Tue, 06 Mar 2018 09:31:03 GMT
server:Apache/2.4.10 (Debian)
Vary:Accept-Encoding
X-Powered-By:Express
Accept:*/*
Accept-Encoding:gzip, deflate, br
Accept-Language:ru-RU,ru;q=0.9,en-US;q=0.8,en;q=0.7
Connection:keep-alive
Host:localhost:3000
Referer:http://localhost:3000/
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36
так суть в том, что тебя попросили открыть заголовки этого файла в браузере
09:43:08 ДП
User 438009819
Request Method:GET
Status Code:200 OK
Remote Address:82.200.115.198:80
Referrer Policy:no-referrer-when-downgrade
Connection:Keep-Alive
Content-Encoding:gzip
Content-Type:text/html
Date:Tue, 06 Mar 2018 09:40:57 GMT
Keep-Alive:timeout=5, max=99
Server:nginx/1.10.3 (Ubuntu)
Transfer-Encoding:chunked
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Accept-Encoding:gzip, deflate
Accept-Language:ru-RU,ru;q=0.9,en-US;q=0.8,en;q=0.7
Connection:keep-alive
Cookie:_ga=GA1.2.142007148.1518521957
Host:jsteam.sibedge.com
Upgrade-Insecure-Requests:1
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36
09:43:18 ДП
User 32530886
ну вот
09:43:23 ДП
User 32530886
попробуй юзерагент прокинуть
09:43:34 ДП
User 32530886
конкретно request заголовки
09:45:03 ДП
User 438009819
извини, но я не понял(
09:45:31 ДП
User 32530886
заголовки запроса смотри
09:45:37 ДП
User 32530886
а не ответа
09:47:50 ДП
User 438009819
что значит прокинуть юзерагент?
09:56:18 ДП
User 212795634
Почему вебпак может складывать динамические импорты в главный бандл?
09:56:25 ДП
User 212795634
Юзаю react-loadable
09:57:33 ДП
User 212795634
По идее должен создавать чанки
10:02:07 ДП
User 438009819
User 32530886
попробуй юзерагент прокинуть
xhr.setRequestHeader('X-User-Agent', 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36');
10:02:11 ДП
User 147771380
User 212795634
Почему вебпак может складывать динамические импорты в главный бандл?
require не проебал где-то?
10:02:19 ДП
User 438009819
но ничего не поменялось
10:02:57 ДП
User 212795634
User 147771380
require не проебал где-то?
Эм?
10:03:10 ДП
User 147771380
User 212795634
Эм?
Ну мало ли
10:03:19 ДП
User 212795634
User 147771380
Ну мало ли
Не понял прост
10:03:22 ДП
User 147771380
User 438009819
xhr.setRequestHeader('X-User-Agent', 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36');
10:04:11 ДП
User 212795634
User 147771380
Ну мало ли
Всё ещё не понял
10:04:35 ДП
User 147771380
User 212795634
Не понял прост
Ну, если ты где-то делаешь require этого модуля, он положит в главный чанк
10:04:53 ДП
User 147771380
Несмотря на динамический импорт
10:05:07 ДП
User 212795634
А, ну вроде нет
10:05:12 ДП
User 212795634
Там страницы тупо
10:05:36 ДП
User 438009819
User 147771380
я скопировал из запроса с ресурса и присвоил запросу с локалки
10:05:49 ДП
User 147771380
User 438009819
я скопировал из запроса с ресурса и присвоил запросу с локалки
У тебя X-User-Agent
10:06:09 ДП
User 438009819
ну так User-Agent Refused(
10:06:40 ДП
User 438009819
index.js:10 Refused to set unsafe header "User-Agent"
10:07:16 ДП
User 147771380
А, ну я не читал просто
10:16:57 ДП
User 67164223
Error: [HMR] Hot Module Replacement is disabled.

из-за чего эта ошибка может быть?
10:17:15 ДП
User 212795634
надо плагин добавить
10:18:25 ДП
User 212795634
User 67164223
Error: [HMR] Hot Module Replacement is disabled.

из-за чего эта ошибка может быть?
new HotModuleReplacementPlugin(),
10:18:32 ДП
User 67164223
User 212795634
new HotModuleReplacementPlugin(),
а, точно
10:18:40 ДП
10:19:11 ДП
User 355846509
User 67164223
Error: [HMR] Hot Module Replacement is disabled.

из-за чего эта ошибка может быть?
чей папуга на аве?
10:19:21 ДП
User 355846509
секси-квинтэссенция
10:19:28 ДП
User 67164223
User 355846509
чей папуга на аве?
Дена абрамова
10:19:38 ДП
User 355846509
User 67164223
Дена абрамова
о Боже((
10:19:53 ДП
User 355846509
а у девушки на футболке триколор и Солнцеликий
10:37:09 ДП
User 146658406
User 139059931
4й вебпак офигителен, мало того что он решил мою проблему, так еще и пересобирает 500 модулей в разы быстрее 3го, даже без dll
Конфигом не поделитесь?
12:13:06 ПП
User 355846509
User 139059931
4й вебпак офигителен, мало того что он решил мою проблему, так еще и пересобирает 500 модулей в разы быстрее 3го, даже без dll
Мммм, было такое ощущение на маленком новом проекте. Списал на размеры проекта. Надо бы сынтегрировать с проектами побольше...
12:14:12 ПП
User 67164223
User 146658406
Конфигом не поделитесь?
да там всё также
12:14:36 ПП
User 67164223
User 146658406
Конфигом не поделитесь?
надо тебе проходится по модулям своим
12:15:18 ПП
User 67164223
User 355846509
Мммм, было такое ощущение на маленком новом проекте. Списал на размеры проекта. Надо бы сынтегрировать с проектами побольше...
у меня сейчас проектик почти 2мб весит в дев, в продакшен билде 240кб
12:15:43 ПП
User 1040677
User 67164223
у меня сейчас проектик почти 2мб весит в дев, в продакшен билде 240кб
И сколько билдится?
12:15:59 ПП
User 67164223
User 1040677
И сколько билдится?
ща гляну
12:16:21 ПП
User 146658406
User 67164223
надо тебе проходится по модулям своим
Короче, просто скормить старый конфиг и выпиливать модули на которые ругается, в расчете что в новом вебпаке они встроены
12:16:29 ПП
User 67164223
Version: webpack 4.1.0
Time: 6764ms
12:16:53 ПП
User 146658406
И как ты время сборки замеряешь?
12:17:43 ПП
User 67164223
User 146658406
И как ты время сборки замеряешь?
в консоли показывает
12:17:48 ПП
User 67164223
всегда показывало)
12:18:11 ПП
User 355846509
User 67164223
Version: webpack 4.1.0
Time: 6764ms
Приверно того же размера проект. i5 Kaby lake 5k passmark points -- Version: webpack 3.9.1
Time: 29161ms
12:18:32 ПП
User 355846509
Это всё, кроме бабеля.
12:18:33 ПП
User 67164223
User 355846509
Приверно того же размера проект. i5 Kaby lake 5k passmark points -- Version: webpack 3.9.1
Time: 29161ms
ссд?
12:18:42 ПП
User 355846509
HDD Toshiba
12:18:49 ПП
User 67164223
ну у меня на ссд
12:19:07 ПП
User 355846509
и вдвое медленнее. Бабель небось тормозит
12:19:16 ПП
User 67164223
i5 4460 16gb
12:19:27 ПП
User 355846509
в проекте выше всё мимо него, т.к. ts.
12:19:32 ПП
User 67164223
это рабочий комп
12:19:40 ПП
12:19:45 ПП
User 67164223
надо затестить на домашнем i5 7600k 16gb ddr4
12:20:07 ПП
User 355846509
и тоже 16, половина свободны, апнутый hyperx
12:20:15 ПП
User 67164223
User 355846509
и вдвое медленнее. Бабель небось тормозит
бабель тормозит?
12:20:18 ПП
User 67164223
что-то не понял
12:20:30 ПП
User 355846509
User 67164223
бабель тормозит?
у тебя медленнее получилось с 4 вебпаком!
12:20:39 ПП
User 355846509
а стой
12:20:40 ПП
12:20:49 ПП
User 355846509
нолик потерял)
12:21:13 ПП
User 67164223
у тебя 30сек, у меня 6
12:21:49 ПП
User 67164223
сегодня вечером залью конфиг под вебпак 4
12:21:56 ПП
User 67164223
скину сюда нуждающимся
12:22:02 ПП
User 67164223
с вас стар на гитхабе)
12:22:24 ПП
User 67164223
с рабочим hmr даже, кек
12:22:36 ПП
User 67164223
у меня на 3 не работал почему-то
12:23:21 ПП
User 32530886
hmr сломан
12:23:44 ПП
User 67164223
ну бля
12:24:37 ПП
User 67164223
вот в консоли, все ок
12:25:02 ПП
User 67164223
страница не делает релоад
01:01:28 ПП
User 212795634
User 67164223
страница не делает релоад
а должна?
01:01:41 ПП
User 212795634
Почему вебпак может складывать динамические импорты в главный бандл?
01:01:41 ПП
User 212795634
Юзаю react-loadable
01:01:41 ПП
User 212795634
По идее должен создавать чанки
01:01:55 ПП
User 67164223
User 212795634
а должна?
нет, если делает релоад, то значит не работает хмр
01:02:05 ПП
User 212795634
а, ну да
01:17:51 ПП
User 355846509
User 67164223
бабель тормозит?
Я, кстати, немного соврал. 200 с лишним Кб -- это у меня основная сборка. А всё вместе вебпак 500 с хвостом генерит.
01:18:04 ПП
User 355846509
почти 600
03:11:19 ПП
User 419654457
Зачем все таки нужен publicPath ? где именно он отражен , если папки  задаются output.path ? (на картинке папка созданная именно ounput.path)
03:13:43 ПП
User 32530886
в браузере
03:18:30 ПП
User 419654457
User 32530886
в браузере
но Html , просто , и так ссылается на файл через public . зачем тогда нужна еще одна переменная если и так явно заданно ?)
03:19:21 ПП
User 32530886
publicPath позволяет задать префикс
03:19:31 ПП
User 32530886
по которому будут подключаться эти файлы
03:19:44 ПП
User 32530886
как если бы ты dist положил на сервере в другую директорию
03:19:49 ПП
User 32530886
во время деплоя
07:53:24 ПП
User 130880349
Хэллоу пипл! 🤝
07:53:39 ПП
User 130880349
Ктонить писал webpack конфиги с тайпскриптом?
07:54:02 ПП
User 130880349
У меня тут загвоздка с OldModule | NewModule
07:55:57 ПП
User 130880349
В общем в дифинишене написана такая фишечка:
07:56:00 ПП
07:58:03 ПП
User 130880349
И у меня не получается юзать это, а надо
07:58:16 ПП
07:58:36 ПП
User 130880349
Ругается мол. Кто-нибудь сталкивался/преодолевал это?
08:07:22 ПП
User 271680123
(config.module as NewModule).rules покатит?
08:21:07 ПП
User 310954658
где найти вебпак 3 документацию?
08:21:50 ПП
User 310954658
Про 4 знаю,но там не все плагины же перенесенны
08:27:30 ПП
User 122087672
еще нет доков
08:32:25 ПП
User 55943427
User 310954658
где найти вебпак 3 документацию?
Внезапно на офсайте
08:49:05 ПП
User 130880349
User 271680123
(config.module as NewModule).rules покатит?
я просто удивляюсь - кому нужна аккуратненькая выверенная НЕРАБОЧАЯ декларация, дичь вообще
08:52:41 ПП
User 271680123
User 130880349
я просто удивляюсь - кому нужна аккуратненькая выверенная НЕРАБОЧАЯ декларация, дичь вообще
ну это временное решение
стоит избегать типов то | это, и стоит пользоваться тайпгардами, или как там они называются
08:55:14 ПП
User 130880349
& бы написали, хоть пользоваться можно было бы
08:55:44 ПП
User 130880349
Ну или внутри 2 декларации бы бабахнули, чтоб мерждился неймспейс для 1го и 2го с 3м отдельно
08:56:09 ПП
User 130880349
Хочется преодолеть это, но походу никак
08:56:16 ПП
User 130880349
тока на 4й переходить)
09:33:20 ПП
User 271680123
User 130880349
& бы написали, хоть пользоваться можно было бы
если вопрос именно перехода от одной декларации к другой, то объединение типов тут только враг
09:33:56 ПП
User 271680123
я не вполне в курсе дел, но вроде же были тайпинги для вебпаковских конфигов
09:35:07 ПП
User 271680123
с другой стороны, обычно сконфигурил этот вебпак и забыл
можно не придавать большого значения типизации в этой области
10:37:57 ПП
User 310954658
В чем может быть проблема,что вебпак ребилдит только определенные файлы?
10:38:29 ПП
User 310954658
у меня вот такая структура файлов,если я сохраняю файл,который лежит в api
10:38:55 ПП
User 310954658
то вебпак запускается и если пересохряняю application.js
10:39:07 ПП
User 310954658
и еще ребилдит все стили
10:39:37 ПП
User 310954658
а все то,что лежит в components,то не пересохраняет
10:39:50 ПП
User 310954658
хотя если вебпак запустить сначала он их ребилдит
10:44:59 ПП
User 310954658
https://stackoverflow.com/questions/26708205/webpack-watch-isnt-compiling-changed-files

вот эта проблема,кто-нибудь сталкивался?
stackoverflow.com/questions/26708205/webpack-watch-isnt-compiling-changed-files
I tried running webpack --watch and after editing my JS files, it doesn't trigger an auto-recompilation. I've tried reinstalling webpack using npm uninstall but it's still not working. Any ideas?