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

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

974 members

Архив канала @webpack_ru 23 февраля 2018 г.

07:46:47 ДП
User 134905826
User 210722170
по идее должны файлы копироваться в папку вендор, но как их обозначить??
copy-webpack-plugin
11:29:46 ДП
User 160283429
Как для дева сделать нормальные имена классов? а то _1SykV8TxLzp06ZPUmcPzjQ что то подобное
11:33:20 ДП
User 210722170
User 134905826
copy-webpack-plugin
да я поставил этот плагин, но что мне теперь для каждой картинки из node_modules править конфиг?
12:06:57 ПП
User 134905826
User 210722170
да я поставил этот плагин, но что мне теперь для каждой картинки из node_modules править конфиг?
нет, например css-loader сам сделает require, copy-webpack-plugin подходит только когда есть своя директори src --> dist
12:07:49 ПП
User 210722170
User 134905826
нет, например css-loader сам сделает require, copy-webpack-plugin подходит только когда есть своя директори src --> dist
немного не понял, как это?
12:07:50 ПП
User 183354182
ребят, как вебпаком можно запустить ГАЛП задачу.
12:09:50 ПП
User 32530886
User 183354182
ребят, как вебпаком можно запустить ГАЛП задачу.
Никак
12:10:00 ПП
User 32530886
Вебпак и галп о разном
12:10:46 ПП
User 183354182
галпом значит можно запустить вебпак а вебпаком - нет ?
12:10:49 ПП
User 183354182
что за бред
12:11:22 ПП
User 488835159
User 32530886
Вебпак и галп о разном
Галп говно, а вебпак лучший бандлер
12:11:35 ПП
User 1040677
User 488835159
Галп говно, а вебпак лучший бандлер
Галп хорош для верстки))
12:11:40 ПП
User 210722170
User 488835159
Галп говно, а вебпак лучший бандлер
чего несешь?
12:11:46 ПП
User 488835159
Галп не нужен в 2к18
12:11:59 ПП
User 488835159
Это как бовер и нпм юзать))))
12:12:06 ПП
User 488835159
Они уже давно deprecated
12:12:10 ПП
User 1040677
User 488835159
Галп не нужен в 2к18
Попробуй поверстать запаришься))
12:12:14 ПП
User 488835159
И галпу уже пора
12:12:18 ПП
User 55943427
кстати, вы видели баг в нпм, который кладет линуха?
12:12:27 ПП
User 210722170
User 488835159
Галп не нужен в 2к18
ты не нужен в 2к18)
12:12:44 ПП
User 55943427
Уязвимость в новой версии менеджера пакетов npm превращает в хаос файловые системы на Linux. Проблема решается только полной переустановкой ОС: https://tproger.ru/news/npm-5-7-0-breakes-linux-file-system/
tproger.ru/news/npm-5-7-0-breakes-linux-file-system
Уязвимость в новой версии менеджера пакетов npm превращает в хаос файловые системы на Linux. Проблема решается только полной переустановкой ОС.
12:12:48 ПП
User 488835159
User 1040677
Попробуй поверстать запаришься))
В 2к18 все реальные пацаны пишут на JSX, Styled Components
12:12:58 ПП
User 488835159
User 210722170
ты не нужен в 2к18)
Что ты такой злой?(((
12:13:14 ПП
User 210722170
User 488835159
Что ты такой злой?(((
только проснулся)
12:13:35 ПП
User 488835159
Гит модули > node_modules, самое безопасное
12:14:07 ПП
User 210722170
User 210722170
только проснулся)
галпом достаточно много еще людей пользуется и будет пользоваться, сам пользовася, просто его сейчас меньше используют именно для фронта
12:14:29 ПП
User 210722170
хотя я и под вордпресс делаю сборку на вебпаке...
12:14:38 ПП
User 488835159
User 210722170
ты не нужен в 2к18)
А почему в мужском роду?
12:14:44 ПП
User 210722170
в гальпе проще намного собрать все)
12:14:55 ПП
User 488835159
User 210722170
галпом достаточно много еще людей пользуется и будет пользоваться, сам пользовася, просто его сейчас меньше используют именно для фронта
Ну ок
12:15:14 ПП
User 210722170
User 488835159
А почему в мужском роду?
ну я не вижу кто вы, сорян, я бы рано или поздно извенился
12:16:29 ПП
User 488835159
User 210722170
ну я не вижу кто вы, сорян, я бы рано или поздно извенился
Блин, аська удобнее тг((( там хотя бы можно было бы пол указать... хотя можно в описании
12:16:56 ПП
User 55943427
аська. 2к18. >.<
12:18:26 ПП
12:18:28 ПП
12:18:40 ПП
12:37:39 ПП
User 183354182
User 488835159
Галп не нужен в 2к18
не понимаешь что несешь..
12:38:59 ПП
User 355846509
User 183354182
не понимаешь что несешь..
таски галпа в 2к18: 1. Заказать пиццу 2. Открыть дверь курьеру.
12:40:49 ПП
User 183354182
User 355846509
таски галпа в 2к18: 1. Заказать пиццу 2. Открыть дверь курьеру.
ок, раз ты такой умный, сбилди на вебпаке SVG + PNG спрайты дак что-бы сохранились URL лоадеры.
12:41:27 ПП
User 355846509
User 183354182
ок, раз ты такой умный, сбилди на вебпаке SVG + PNG спрайты дак что-бы сохранились URL лоадеры.
Не, не умный. Нифига не понял.
12:42:53 ПП
User 183354182
вебпак сборка. Vue tempaltes + добавь к ней SVG спрайты + PNG спрайты, но при этом что-бы не ломать URL Лоадер, что-бы можно было всегда получить путь к изобажени и само изображение по по уже скомпелированной ссылк с хеш версией
12:43:12 ПП
User 292848511
User 210722170
нужно тильду указать в начале
это вроде плагин для вебпака, что бы чере ~ импортировать
12:45:38 ПП
User 55943427
спрайты в 2к18 и http2 нинужны
12:46:40 ПП
User 183354182
User 55943427
спрайты в 2к18 и http2 нинужны
да ты что говоришь ? а если у тебя на 1 странице используется 22 ОДИНАКОВЫХ SVG иконки. ты вообще представляешь насколько раздутый будет твой html..
12:47:16 ПП
User 210722170
User 292848511
это вроде плагин для вебпака, что бы чере ~ импортировать
изначально в вебпаке эта возможность есть
12:48:08 ПП
User 55943427
User 183354182
да ты что говоришь ? а если у тебя на 1 странице используется 22 ОДИНАКОВЫХ SVG иконки. ты вообще представляешь насколько раздутый будет твой html..
нинасколько. Потому что гзип вполне прекрасно сжимает одинаковые куски текста. А картинки(любые) нужно вставлять урлом, а не кодом.
12:48:32 ПП
User 52321317
User 488835159
Это как бовер и нпм юзать))))
Хм, npm живее всех живых
12:48:49 ПП
User 55943427
User 52321317
Хм, npm живее всех живых
только не вчерашняя версия
12:49:12 ПП
User 183354182
User 55943427
нинасколько. Потому что гзип вполне прекрасно сжимает одинаковые куски текста. А картинки(любые) нужно вставлять урлом, а не кодом.
а как ты будешь анимировать иконки ? мне нужны inline-svg. от URL толку совсем нет.
12:49:20 ПП
User 488835159
User 52321317
Хм, npm живее всех живых
мне deprecated пишет
12:49:33 ПП
User 52321317
User 488835159
мне deprecated пишет
И что вместо него?)
12:49:49 ПП
12:55:38 ПП
User 292848511
User 488835159
Галп не нужен в 2к18
юзают знакомые не только для верстки, а вообще вместо вебпака, собирают бандлы и т.д.
12:56:41 ПП
User 97102774
User 488835159
yarn
И чем же плох npm?
12:57:17 ПП
User 355846509
User 97102774
И чем же плох npm?
он не от фейсбук.
12:58:56 ПП
User 488835159
User 97102774
И чем же плох npm?
не хипстерский
01:02:13 ПП
User 210722170
успокойтесь господа ) https://www.youtube.com/watch?v=C1BdqEbxZ0c
youtube.com/watch?v=C1BdqEbxZ0c
Hовый mix! New Mix! Лето 2018! Russian Deep House 2018 | Русская Музыка Vol.8 https://www.youtube.com/watch?v=BoJqTlaPLAY Если понравилось и хотите больше му...
01:22:18 ПП
User 488835159
я репчик слушаю для успокоения
01:24:03 ПП
User 448880090
Нафига нужен gulp, когда есть package.json scripts?
01:27:08 ПП
01:59:52 ПП
User 210722170
User 448880090
Нафига нужен gulp, когда есть package.json scripts?
Нафига работать разработчиком когда на стройку можно пойти ебашить?)
02:01:21 ПП
User 488835159
Зачем нужна стройка когда можно у бабок бабло тырить?
02:01:50 ПП
02:02:01 ПП
User 147771380
Нафига нужен оффтоп?
02:11:15 ПП
User 99532118
Как-нибудь я раскурюсь порядочно и расскажу как батя как работает (уже наверное мем) "X не нужен"
02:11:29 ПП
User 99532118
Но сейчас лень, всем добра)
02:12:04 ПП
User 99532118
Хоть острием топора забивайте гвозди, только не просите советов
03:00:57 ПП
User 32530886
User 488835159
Галп говно, а вебпак лучший бандлер
галп не бандлер
03:01:21 ПП
User 32530886
User 183354182
галпом значит можно запустить вебпак а вебпаком - нет ?
ты бред написал
03:01:45 ПП
User 183354182
User 32530886
ты бред написал
обоснуй
03:02:20 ПП
User 97102774
Ну, модно написать плагин к вебпаку, но это такое...
03:02:36 ПП
User 32530886
User 183354182
обоснуй
тем что вебпак про сборку
а галп про запуск задач

ещё вопросы?
03:02:42 ПП
User 32530886
сборка != запуск задач
03:03:04 ПП
User 32530886
именно поэтому галпом можно запустить вебпак
потому что галп запускатр задач
а вебпаком нельзя, потому что он только собирает код в бандл
03:03:14 ПП
User 488835159
GULP-CONCAT!
03:03:32 ПП
User 97102774
User 32530886
именно поэтому галпом можно запустить вебпак
потому что галп запускатр задач
а вебпаком нельзя, потому что он только собирает код в бандл
Ну, все же ты не прав. В вебпак можно сделать лоадер, который галп запускает.
03:03:48 ПП
User 32530886
User 97102774
Ну, все же ты не прав. В вебпак можно сделать лоадер, который галп запускает.
бля
в вебпаке можно сделать лоадер, который будет готовить кофе...
03:03:55 ПП
User 32530886
а галпом можно музыку писать
03:04:00 ПП
User 32530886
давайте бред не писать
03:04:33 ПП
User 97102774
Ну, это не бред)
03:04:41 ПП
User 32530886
ты табы юзаешь
03:04:47 ПП
User 32530886
о чем ещё речь
03:04:48 ПП
User 147771380
ахахахахаха
03:05:01 ПП
User 97102774
Ну вот, есть шанс поговорить с умным человеком.
03:05:09 ПП
User 97102774
Можешь воспользоваться
03:06:06 ПП
User 147771380
Можно ещё запустить галп при экспорте конфига
03:06:11 ПП
User 97102774
Хотя я помню мучения с мввеном, когда подобные вещи делать надо было. В таких случаях лучше галопом пользоваться.
03:06:43 ПП
User 97102774
Потому что это значит, что у вас проект не шаблонный нифига. А вебпак для шаблонных проектов.
03:07:17 ПП
03:07:21 ПП
User 32530886
шаблонные проекты
03:07:22 ПП
03:09:46 ПП
User 635402
User 97102774
Потому что это значит, что у вас проект не шаблонный нифига. А вебпак для шаблонных проектов.
лол, что
03:09:57 ПП
User 635402
при чем тут шаблонные проекты
03:10:16 ПП
User 635402
ты сравниваешь разные вещи вообще
03:11:53 ПП
User 97102774
User 635402
при чем тут шаблонные проекты
Для меня прямая аналогия maven VS gradle
03:19:57 ПП
User 210722170
чет много недоброжелателей глотка) и защитников вебпака))))))
03:20:03 ПП
User 210722170
а смысл во всем этом?)
03:20:09 ПП
User 210722170
это же разные инструменты
03:20:10 ПП
03:20:13 ПП
User 32530886
User 97102774
Для меня прямая аналогия maven VS gradle
ндаа
03:21:04 ПП
User 210722170
User 32530886
ндаа
забавно чекать чат сегодня тут)
03:22:41 ПП
User 210722170
ребят, подаскажите лучше как настроить copy-webpack-plugin именно для копирования картинок из node_modules, когда они в sass файлах по урлу подключаются из node_modules?
03:23:22 ПП
User 210722170
я это реализовал через url-loader но хотелось бы и с помощью плагина понять как это сделать
03:23:40 ПП
User 210722170
придется ли менять постоянно конфиг при копировании каждой картинки
03:23:44 ПП
03:23:50 ПП
User 32530886
copy плагин не для такого
03:24:12 ПП
User 210722170
User 32530886
copy плагин не для такого
тут просто выше мне посоветовали именно его
03:26:09 ПП
User 210722170
User 32530886
copy плагин не для такого
собрал сборку для вордпресса, единственное, картинки придется только в стилях указывать из node_modules (специфика сборки) так как сборка только для фронта, и хотелось бы более грамонтно дело с картинками настроить
03:26:22 ПП
User 134905826
User 210722170
тут просто выше мне посоветовали именно его
твой вопрос был не про node_modules, а как в dist кидать
03:29:29 ПП
User 210722170
User 210722170
да я поставил этот плагин, но что мне теперь для каждой картинки из node_modules править конфиг?
так то там все описано было, что именно мне нужно, как раз я написал в сообщении о картинках из node_modules, чекай выше
03:29:49 ПП
User 210722170
User 134905826
твой вопрос был не про node_modules, а как в dist кидать
ребят как работать с картинками в вебпаке? ну поставил я file, url, url-resolve лоадеры, а дальше не знаю что делать, знаю что файлы - тоже модули и их в js файле можно импортировать import 'bg.jpg'.
обычно картинки можно конечно кидать в папку и просто копировать их  с помощью плагина, но что если я хочу из стороннего фреймворка, который лежит в node_modules, вставить картинку  в html или через url в css?
03:30:08 ПП
User 147771380
User 210722170
ребят как работать с картинками в вебпаке? ну поставил я file, url, url-resolve лоадеры, а дальше не знаю что делать, знаю что файлы - тоже модули и их в js файле можно импортировать import 'bg.jpg'.
обычно картинки можно конечно кидать в папку и просто копировать их  с помощью плагина, но что если я хочу из стороннего фреймворка, который лежит в node_modules, вставить картинку  в html или через url в css?
import image from 'path/to/image.jpg'
03:30:16 ПП
User 147771380
получаешь в переменную путь
03:31:49 ПП
User 210722170
User 147771380
получаешь в переменную путь
ну ок, а как копироваться из node_modueles? я сделал через url-loader, но чувак выше мне copy-webpack-plugin посоветовал, но правка конфига каждый раз не вариант как по мне)
03:32:46 ПП
User 147771380
User 210722170
ну ок, а как копироваться из node_modueles? я сделал через url-loader, но чувак выше мне copy-webpack-plugin посоветовал, но правка конфига каждый раз не вариант как по мне)
file-loader
03:34:29 ПП
User 134905826
User 210722170
ну ок, а как копироваться из node_modueles? я сделал через url-loader, но чувак выше мне copy-webpack-plugin посоветовал, но правка конфига каждый раз не вариант как по мне)
похоже ты не читаеш ответы, внимательнее пажалуста. верно заданый вопрос содержит половину ответа, а твои простыни вопросов не фига не помогают.
03:34:29 ПП
User 134905826
нет, например css-loader сам сделает require, copy-webpack-plugin подходит только когда есть своя директори src --> dist
03:34:55 ПП
User 210722170
вот, я про это и хотел узнать:
нет, например css-loader сам сделает require, copy-webpack-plugin подходит только когда есть своя директори src —> dist
03:35:43 ПП
User 210722170
User 147771380
file-loader
зачем мне еще один лоадер если я сделал тоже самое через url-loader? я же отписал выше что картинки мне в sass файлах нужно тянуть из node_modules)
03:36:15 ПП
User 147771380
User 210722170
зачем мне еще один лоадер если я сделал тоже самое через url-loader? я же отписал выше что картинки мне в sass файлах нужно тянуть из node_modules)
потому что файл может быть слишком большим?
03:36:19 ПП
User 210722170
User 134905826
нет, например css-loader сам сделает require, copy-webpack-plugin подходит только когда есть своя директори src --> dist
так пример можно скинуть?
03:36:43 ПП
User 147771380
User 210722170
так пример можно скинуть?
просто указываешь относительный путь к пикче
03:36:44 ПП
User 210722170
User 210722170
вот, я про это и хотел узнать:
нет, например css-loader сам сделает require, copy-webpack-plugin подходит только когда есть своя директори src —> dist
у меня стоит css-loader
03:36:47 ПП
User 147771380
оно само подтянет
03:36:59 ПП
User 210722170
User 147771380
оно само подтянет
к какой пикче?)
03:37:03 ПП
User 134905826
User 210722170
так пример можно скинуть?
блин, не хочу быть занудой, но смысле мне за тебе зоходить на гитхаб проекта, и делать копипасту доков, ну глупость же
03:37:28 ПП
User 147771380
User 210722170
к какой пикче?)
> мне нужно грузить картинки
> путь к пикче
> к какой пикче?
03:37:33 ПП
User 147771380
Бля, ну даже не знаю
03:37:43 ПП
User 210722170
функции?
03:37:48 ПП
User 147771380
Наверное, к той, которую тебе нужно блять грузить
03:38:20 ПП
User 210722170
User 147771380
Наверное, к той, которую тебе нужно блять грузить
подгорел либо?
03:38:26 ПП
User 134905826
The css-loader interprets @import and url() like import/require() and will resolve them. вот первое предложение из доков к css-loader
03:38:38 ПП
User 210722170
User 134905826
блин, не хочу быть занудой, но смысле мне за тебе зоходить на гитхаб проекта, и делать копипасту доков, ну глупость же
на github плагина webpack-copy-plugin?
03:58:29 ПП
User 242946344
А что за херня с картинками и pug-html-loader? Почему там нельзя просто require("path/to/image") кто то знает?
04:12:26 ПП
User 1040677
User 242946344
А что за херня с картинками и pug-html-loader? Почему там нельзя просто require("path/to/image") кто то знает?
Используй обычный pug😁
04:13:47 ПП
User 242946344
User 1040677
Используй обычный pug😁
Так там дополнительно всюду нужно его как функцию вызывать(
04:15:41 ПП
User 134905826
User 242946344
А что за херня с картинками и pug-html-loader? Почему там нельзя просто require("path/to/image") кто то знает?
я бы попробовал pug-html-loader + html-loader (умеет interpolate img[src])
04:16:36 ПП
User 242946344
User 134905826
я бы попробовал pug-html-loader + html-loader (умеет interpolate img[src])
Да, так и сделал. Но все равно интересно какого хрена так выходит)
04:17:57 ПП
User 134905826
User 242946344
Да, так и сделал. Но все равно интересно какого хрена так выходит)
такие вопросы лучше к автору pug-html-loader, вероятно ему просто не нужна интерполяция, PR welcome 🙂
04:19:14 ПП
User 242946344
User 134905826
такие вопросы лучше к автору pug-html-loader, вероятно ему просто не нужна интерполяция, PR welcome 🙂
Та чет он писал по этому поводу, да только я не понял ничего)