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

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

974 members

Архив канала @webpack_ru 25 января 2018 г.

04:15:24 ДП
User 1040677
User 376382433
@mmyau  а для спрайта ничего нет?
Спрайты это уже старое время, плюс спрайты нельзя анимировать🤔
04:16:54 ДП
User 134905826
User 1040677
Спрайты это уже старое время, плюс спрайты нельзя анимировать🤔
плусую: png забыть (максимально возможно), и inline svg only, спрайты тоже выкинуть.
04:18:24 ДП
User 1040677
User 134905826
плусую: png забыть (максимально возможно), и inline svg only, спрайты тоже выкинуть.
А почему png?
04:21:00 ДП
User 134905826
User 1040677
А почему png?
максимильно возможно отказааться в строну svg, в иконках например. канечно не везде возможно.
04:22:25 ДП
User 1040677
Ну возможно)
04:25:21 ДП
User 134905826
User 1040677
Ну возможно)
просто немножко пропаганда (: у меня в свое время небольшая война была с вебдизайнерами, которые пилят вектор а потом save for web png.
04:25:49 ДП
User 1040677
😂😂😂
04:26:15 ДП
User 1040677
Мне бы хоть векторы делали 😅
05:11:22 ДП
User 55943427
User 134905826
плусую: png забыть (максимально возможно), и inline svg only, спрайты тоже выкинуть.
Инлайн свг лучше не использовать, если картинок много или они большие. Потому что загрузка картинки по сорсу не тормозит загрузку дом, а инлайн тормозит. Инлайн зло. Бейз64 зло. Ну, если хоть какая-то посещаемость планируется, и если вы не фейсбук, где человеку придется дождаться таки рендера
05:32:27 ДП
User 39232169
svg можно не кодировать в base64
06:28:46 ДП
User 1040677
User 55943427
Инлайн свг лучше не использовать, если картинок много или они большие. Потому что загрузка картинки по сорсу не тормозит загрузку дом, а инлайн тормозит. Инлайн зло. Бейз64 зло. Ну, если хоть какая-то посещаемость планируется, и если вы не фейсбук, где человеку придется дождаться таки рендера
Почему base64 зло?
06:32:09 ДП
User 1040677
Вот например у меня есть компонент он переиспользовать, где через css background image url base64 это удобнее 😅
06:32:19 ДП
User 160061898
User 55943427
гайз, а алиасы в сцсс не работают, да?
через тильду все с ними ок
06:32:42 ДП
User 160061898
@import '~styles/some-awesome-style';
06:33:18 ДП
06:41:25 ДП
User 212795634
User 160061898
А чем не устраивает resolve.components?
06:43:20 ДП
User 160061898
Ммм, а что это?
06:43:34 ДП
User 160061898
я чот не помню такого в конфиге
06:44:03 ДП
06:44:15 ДП
User 212795634
User 160061898
я чот не помню такого в конфиге
А ну modules
06:44:28 ДП
User 212795634
Указываешь папку src и все
06:47:16 ДП
User 160061898
А чем отличаются?
06:47:53 ДП
User 160061898
через алиасы можно будет и в scss тянуть и через js
06:49:20 ДП
User 160061898
Ок, щас раскурю ман
06:51:10 ДП
User 160061898
ммм, чоб не modules)
06:53:09 ДП
User 212795634
User 160061898
А чем отличаются?
Сразу все что в src становится алиасами
06:53:13 ДП
User 76662447
User 212795634
А чем не устраивает resolve.components?
Нет ничего плохого в том, чтобы явно прописать алиасы вместо скана всего проекта на предмет совпадений при каждом билде
06:54:30 ДП
User 160061898
Тоже верно
06:55:07 ДП
User 212795634
Возможно соглашусь
06:55:24 ДП
User 160061898
По ситуации, пока не разрастется проект, то получается, что особой разница не будет
06:59:52 ДП
User 76662447
Не оч приятно обнаруживать что внезапно твой проект билдится по несколько минут) После этого начинаешь вспоминать про все эти оптимизации и прочее 🌚
03:38:11 ПП
User 210722170
ребят привет! настраиваю вебпак для темы ворпресс. за основу взял сборку от https://github.com/roots/sage. у них нормальная вполне сборка, единственное мне не понятно почему browsersync-webpack-plugin не обновляет измениния, если в плагине extract-text-webpack-plugin в параметрах не выставить disable: true. то есть, если scss не парсится а изменения происходят в памяти то bs обновляет их, а если scss парсится плагином extract-text-webpack-plugin (disable: false) то bs не обновляет изменения в стилях...

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

ссылка на файлы сборщика: https://github.com/roots/sage/tree/master/resources/assets/build
github.com/roots/sage
WordPress starter theme with a modern development workflow - roots/sage
03:40:15 ПП
User 134905826
User 210722170
ребят привет! настраиваю вебпак для темы ворпресс. за основу взял сборку от https://github.com/roots/sage. у них нормальная вполне сборка, единственное мне не понятно почему browsersync-webpack-plugin не обновляет измениния, если в плагине extract-text-webpack-plugin в параметрах не выставить disable: true. то есть, если scss не парсится а изменения происходят в памяти то bs обновляет их, а если scss парсится плагином extract-text-webpack-plugin (disable: false) то bs не обновляет изменения в стилях...

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

ссылка на файлы сборщика: https://github.com/roots/sage/tree/master/resources/assets/build
github.com/roots/sage
WordPress starter theme with a modern development workflow - roots/sage
['css-hot-loader'].concat(ExtractTextPlugin.extract({...
03:41:47 ПП
User 210722170
User 134905826
['css-hot-loader'].concat(ExtractTextPlugin.extract({...
упс.. а можно эту строку полностью, я не разу такой синтаксис в доках не видел, если вы скините полностью строку то думаю смогу загуглить и разобраться
03:46:59 ПП
User 134905826
User 210722170
упс.. а можно эту строку полностью, я не разу такой синтаксис в доках не видел, если вы скините полностью строку то думаю смогу загуглить и разобраться
https://www.npmjs.com/package/css-hot-loader
npmjs.com/package/css-hot-loader
css hot reload work with extract-text-webpack-plugin
03:53:15 ПП
User 210722170
спасибо, сейчас посмотрю
04:24:52 ПП
User 210722170
User 134905826
https://www.npmjs.com/package/css-hot-loader
npmjs.com/package/css-hot-loader
css hot reload work with extract-text-webpack-plugin
Дмитрий, в доках не описано как в третьем вебпаки к sass подключить, только к css. с sass так же работать будет?
04:25:24 ПП
User 210722170
User 134905826
['css-hot-loader'].concat(ExtractTextPlugin.extract({...
я просто не пойму, или его не нужно к sass покдлючать а как раз к css только
05:50:33 ПП
User 146658406
Ты не пробовал у них же issue создать ?
07:51:44 ПП
User 210722170
User 146658406
Ты не пробовал у них же issue создать ?
нет