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

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

974 members

Архив канала @webpack_ru 22 ноября 2017 г.

12:21:24 ДП
User 120165225
Ребята помогите пожалуйста
есть пакет crypto-pro
yarn add crypto-pro

не понимаю как его внутри проекта вебпака использовать

если подключить обычным способом, то становится доступен глобально
как
window.CryptoPro.call("ИмяФункции", ....
а если сделать внутри вебпака
import qwe from 'crypto-pro/dist/crypto-pro'

qwe.[тут незнаю как вызвать функцию]
если что я новичок, может просто туплю, сути не понимаю
подскажите плиз :)
06:29:23 ДП
User 52321317
qwe.call("ИмяФункции", ...)
12:31:11 ПП
User 67164223
Всем ку я снова с вопросами
12:31:25 ПП
User 67164223
чо надо настроить в eslint или в вебпаке
12:31:25 ПП
User 67164223
чтобы не было этого
12:31:25 ПП
12:31:25 ПП
User 67164223
все работает
12:31:25 ПП
User 67164223
кроме перехода к файлу компонента
12:31:25 ПП
User 67164223
по кликну на его имя
12:35:26 ПП
User 134905826
User 67164223
по кликну на его имя
как связан eslint c редактором кода? никак.
12:35:48 ПП
User 32530886
User 67164223
резолверы надо везде настроить
12:35:54 ПП
User 32530886
в eslint, редакторе
12:36:04 ПП
User 67164223
modules: ['node_modules', 'app', 'source'],
12:36:06 ПП
User 67164223
в вебпаке
12:36:19 ПП
User 67164223
    "import/resolver": {
      "webpack": {
        "config": "webpack.config.js"
      }
12:36:22 ПП
User 67164223
в eslint
12:36:48 ПП
User 32530886
а что пишет подсказка при наведении на красное?
12:36:52 ПП
User 67164223
      "node": {
        "paths": ["app", "source"]
      }
12:36:55 ПП
User 67164223
вот так еще было
12:37:59 ПП
12:39:03 ПП
User 32530886
User 67164223
    "import/resolver": {
      "webpack": {
        "config": "webpack.config.js"
      }
мб резолвер webpack работает хреново
12:39:18 ПП
User 67164223
ну я сейчас сделал по-другому
12:39:44 ПП
User 67164223
теперь
12:40:10 ПП
User 32530886
в доках всё есть))
12:40:17 ПП
User 32530886
вот именно на эту тему
12:40:34 ПП
User 67164223
User 32530886
в доках всё есть))
в доках чего?
12:41:33 ПП
User 32530886
eslint plugin import
12:44:24 ПП
User 52321317
User 67164223
теперь
фу-фу так импортировать же. Почему не ./components?
12:45:40 ПП
User 67164223
User 52321317
фу-фу так импортировать же. Почему не ./components?
зачем так?
12:47:18 ПП
User 52321317
User 67164223
зачем так?
ну это же локальная зависимость, не из npm?
12:47:23 ПП
User 67164223
User 52321317
ну это же локальная зависимость, не из npm?
да
12:47:52 ПП
User 52321317
User 67164223
да
такая запись обычно используется для импорта пакетов из node_modules
12:48:24 ПП
User 368918246
ребят, подскажите стоит ли вебпак юзать на лендинге?
12:48:30 ПП
12:48:40 ПП
User 52321317
юзай rollup :D
12:48:56 ПП
User 368918246
User 52321317
юзай rollup :D
а в чем отличие и почему не гальп?
12:49:15 ПП
User 368918246
Никто кстати не в курсе, как в гальпе нормально можно плагины подрубать через npm?
12:49:18 ПП
User 52321317
потому что галп - менеджер тасков, а роллап - бандлер (как вебпак)
12:49:32 ПП
User 368918246
User 52321317
потому что галп - менеджер тасков, а роллап - бандлер (как вебпак)
почему не вебпак тогда?
12:49:42 ПП
User 52321317
потому что из пушки по воробьям
12:49:55 ПП
User 52321317
если у тебя лендинг не полноценное SPA приложение
12:49:58 ПП
User 52321317
конечно же
12:50:22 ПП
User 368918246
дело в том, что я хочу безболезненно подключать плагины различные
12:50:27 ПП
User 1333299
@rollup_ru :)
12:50:34 ПП
User 368918246
А тот же slick или fontawesome хрен подключишь через гальп
12:50:40 ПП
User 1333299
У нас есть чят по роллапу, если что
12:51:01 ПП
User 368918246
Кто нибудь знает как в гальпе можно подтянуть картинки и шрифты из css?
12:51:08 ПП
User 368918246
так и не нашел норм варианта
12:52:14 ПП
User 368918246
а rollup проще вебпака выходит? На лендинге он пушкой не будет?
12:53:03 ПП
User 368918246
а вебпак все же так понял лучше с фреймворками юзать верно?
12:53:55 ПП
User 52321317
webpack - для SPA
12:54:46 ПП
User 52321317
User 368918246
Кто нибудь знает как в гальпе можно подтянуть картинки и шрифты из css?
Галп - это не бандлер. То есть картинки и шрифты подтягивает не он, а плагин, который ты подключаешь.
12:55:09 ПП
User 368918246
User 52321317
Галп - это не бандлер. То есть картинки и шрифты подтягивает не он, а плагин, который ты подключаешь.
да это ясно, понятно же что я говорю про плагин
12:56:15 ПП
User 368918246
вопрос в том, что с какого проекта нужно бандлер юзать, а где можно гальпом обойтись с костылями и надо ли это?
12:56:44 ПП
User 368918246
Я сделал сборочку вебпаковскую для лендинга, но единственный минус, что она медленно работает
12:56:52 ПП
User 368918246
Где то секунды полторы собирает
12:57:17 ПП
User 368918246
rollup в этом плане лучше?
12:59:16 ПП
User 368918246
и почему вообще webpack именно для spa?
01:02:05 ПП
User 212795634
User 368918246
Я сделал сборочку вебпаковскую для лендинга, но единственный минус, что она медленно работает
Посмотри dll plugin
01:04:19 ПП
User 52321317
Когда у тебя появляются модули, которые надо резолвить у тебя все равно появится бандлер. И будет это webpack или какой другой - разницы нет.
Webpack для SPA потому что у него есть async import, чанки и т.п.
Но за это приходится платить размером бандла.
01:07:23 ПП
User 32530886
не сильно увеличивается кстати
01:07:36 ПП
User 368918246
User 52321317
Когда у тебя появляются модули, которые надо резолвить у тебя все равно появится бандлер. И будет это webpack или какой другой - разницы нет.
Webpack для SPA потому что у него есть async import, чанки и т.п.
Но за это приходится платить размером бандла.
я хотел понять, почему вебпак не для лендинга.. На лендинге даже приходится либы подключать, да, модулей у меня конечно не будет, но зато без проблем можно подключать сторонние библиотеки
01:07:58 ПП
User 52321317
User 368918246
я хотел понять, почему вебпак не для лендинга.. На лендинге даже приходится либы подключать, да, модулей у меня конечно не будет, но зато без проблем можно подключать сторонние библиотеки
так это умеет не только вебпак. А любой бандлер.
01:08:02 ПП
User 368918246
я понимаю, что на spa без него никак и он гораздо полезнее становится.. Но может на лендинге он тоже полезен будет?
01:08:17 ПП
User 368918246
User 52321317
так это умеет не только вебпак. А любой бандлер.
ну а нахрен другой если есть вебпак
01:08:42 ПП
User 368918246
убейте меня я нихер не понимаю )
01:09:06 ПП
User 368918246
Смотрю роллап этот, там же один хрен все тоже самое..
01:09:24 ПП
User 189706357
Используй че нравится и все
01:09:36 ПП
User 76662447
А как же разнообразие
01:09:52 ПП
User 368918246
User 76662447
А как же разнообразие
эй ты зачем меня в джаваскрипте забанил )
01:10:05 ПП
User 368918246
разбань пожалуста
01:10:05 ПП
01:10:21 ПП
01:10:27 ПП
01:10:31 ПП
User 52321317
User 189706357
Используй че нравится и все
+1
01:11:50 ПП
User 52321317
User 368918246
Смотрю роллап этот, там же один хрен все тоже самое..
разница в бандле, который выйдет после обработки.
01:12:17 ПП
User 368918246
User 52321317
разница в бандле, который выйдет после обработки.
да у вебпака отличный бандл выходит
01:12:26 ПП
User 52321317
ну так и используй его)
01:12:33 ПП
User 52321317
чего спрашиваешь тогда?
01:12:33 ПП
User 368918246
с чего ты взял что его бандл чем то отличается?
01:12:52 ПП
User 368918246
Он же может убирать свою хрень, которая для модулей нужна
01:13:35 ПП
User 368918246
User 52321317
чего спрашиваешь тогда?
ты же сам сказал, что лендинг воробей... А вебпак пушка
01:14:03 ПП
User 368918246
вот я думаю, может быть так оно и есть
01:15:23 ПП
User 52321317
короче, вебпак добавляет в код кучу своей обвязки. Можно использовать его - ничего критичного не будет.
01:15:24 ПП
User 368918246
но мне нравится, что я могу просто экспортнуть либы за пару минут и юзать их без проблем, что с гальпом не выходит.. Хоть гальп это не бандлер, но он отлично справляется со сборкой мелких проектов, не считая подключения css с ресурсами какими то
01:17:29 ПП
User 189706357
Чет уже не понятна суть твоего вопроса. Нравится вебпак - используй вебпак. В чем проблема
01:17:52 ПП
User 368918246
User 52321317
короче, вебпак добавляет в код кучу своей обвязки. Можно использовать его - ничего критичного не будет.
нуу.. не такую уж кучу же, тем более когда у меня пара модулей всего )
01:18:24 ПП
User 355846509
вебпак умеет три шакинг. точка.
01:18:30 ПП
01:18:34 ПП
User 52321317
User 355846509
вебпак умеет три шакинг. точка.
херово умеет
01:18:42 ПП
User 189706357
Херово ага
01:19:09 ПП
User 368918246
я это вообще не умею 😭
01:19:09 ПП
User 355846509
User 52321317
херово умеет
что именно не труЪ? я с браузерифи из-за этого переполз. в браузерифи, для справки, остальное есть. даже hmr
01:19:17 ПП
User 52321317
User 368918246
нуу.. не такую уж кучу же, тем более когда у меня пара модулей всего )
Ты меня спросил - я ответил. Ты пытаешься меня переубедить. Зачем? Нравится вебпак - бери.
01:19:39 ПП
User 52321317
User 355846509
что именно не труЪ? я с браузерифи из-за этого переполз. в браузерифи, для справки, остальное есть. даже hmr
browserify еще жив? О_о
01:19:55 ПП
User 189706357
User 355846509
что именно не труЪ? я с браузерифи из-за этого переполз. в браузерифи, для справки, остальное есть. даже hmr
Лодаш не шейкит :(
01:20:50 ПП
User 368918246
ок, буду вебпак юзать.. Подскажите тогда по такой проблеме.. Во первых при использовании hot replacement у меня не апдейтится html.. html подрубаю с помощью HtmlWebpackPlugin
01:21:58 ПП
User 368918246
что посоветуете?
01:23:05 ПП
User 52321317
он и не будет
01:23:14 ПП
User 368918246
User 52321317
он и не будет
а как это решить можно?
01:23:24 ПП
User 52321317
hmr для js
01:23:47 ПП
User 368918246
океей
01:24:03 ПП
User 368918246
а можно сделать чтобы при апдейте html все же страница хоть перезагружалась
01:24:49 ПП
User 368918246
может вообще на гальп часть задач переложить
01:28:12 ПП
User 368918246
ладненько, еще такой косяк. Опять же когда hmr врубаю, то почему то скрипт запоминает прошлое состояние.. Если тупо выведу что то в консоль, а потом выведу изменю вывод, то вывод будет выполняться 2 раза
01:28:50 ПП
User 52321317
Версию вебпака, конфиг, настройки hmr выложи куда-то и ссылку кидай
01:29:04 ПП
User 368918246
module.hot.accept я вот это использую
01:29:23 ПП
User 368918246
пока только разбираюсь
01:30:32 ПП
User 368918246
короче сейчас выложу
01:37:35 ПП
01:37:49 ПП
User 368918246
в гитхабе бан дали сорян
01:37:53 ПП
User 212795634
Webpackbin
01:38:19 ПП
01:38:39 ПП
User 368918246
Webpackrar
01:39:16 ПП
User 368918246
кароче hmr работает только с css
01:39:31 ПП
User 368918246
а при изменении js сейчас вообще ничего не происходит
01:41:08 ПП
User 52321317
значит неправильно настраиваешь, видимо
01:41:48 ПП
User 368918246
User 52321317
значит неправильно настраиваешь, видимо
ну я в настройках дев сервера hot поставил.. + подключил плагин.. Надо еще сами модули настраивать?
01:44:24 ПП
User 368918246
срань господня.. Вроде получилось )
01:45:09 ПП
User 368918246
import common from './js/common';

common();
if (module.hot) {
    module.hot.accept('./js/common', function() {
    console.log('Accepting the updated printMe module!');
    common();
    })
}
01:45:48 ПП
User 368918246
думаю будет проще сразу реакт выучить чем вебпак
01:46:03 ПП
User 368918246
Насколько я говняно сделал?
01:47:49 ПП
User 76662447
User 368918246
думаю будет проще сразу реакт выучить чем вебпак
Ну вообще да
01:57:23 ПП
User 368918246
короче понял, при замене модуля состояние дом получается не обновляется
01:59:09 ПП
User 368918246
верно же? То есть получается грубо говоря создается новый модуль и вызывается заново.. Это и есть hmr?
02:01:46 ПП
02:03:11 ПП
User 368918246
User 52321317
да
Короче ну его вебпак этот
02:03:50 ПП
User 52321317
а ты как думал?
02:03:55 ПП
User 52321317
магия что-ли?
02:04:17 ПП
User 368918246
User 52321317
а ты как думал?
хз, думал волшебным образом просто заменится модуль и все..
02:04:52 ПП
User 368918246
http://www.cuelogic.com/blog/wp-content/uploads/2015/07/AngularJS-Application-with-Browserify-tool.png
cuelogic.com/blog/wp-content/uploads/2015/07/AngularJS-Application-with-Browserify-tool.png
02:06:54 ПП
User 368918246
а реакт на лендинге норм? 😃
02:07:09 ПП
02:07:14 ПП
User 368918246
скоро думаю до этого дойдет
02:07:20 ПП
User 212795634
Ssr еще надо
02:07:46 ПП
User 368918246
User 212795634
Ssr еще надо
да ну
02:08:03 ПП
User 368918246
я люблю хуяк хуяк и в продакшн, а тут серверы какие то
02:08:07 ПП
User 212795634
Ну а че, первая загрузка быстрее будет
02:08:16 ПП
User 212795634
Вдруг у юзера калькулятор
02:08:24 ПП
User 212795634
Хоть первое впечатление норм будет
02:08:59 ПП
User 368918246
я думаю через лет 5 все сайты в 3д будут
02:09:17 ПП
User 368918246
Тогда точно везде всякие реакты будут
02:10:26 ПП
User 368918246
да не, компонентный подход крутая тема конечно. Недавно vue попробовал и меня прямо вштырило после джеквери
02:59:11 ПП
User 32530886
User 368918246
я думаю через лет 5 все сайты в 3д будут
на rust + wasm
02:59:20 ПП
User 32530886
rustact будет
03:01:41 ПП
User 134905826
User 32530886
на rust + wasm
и мы будем писать многопоточный код workers-оф, страшно интересное будущее
03:02:46 ПП
User 32530886
User 134905826
и мы будем писать многопоточный код workers-оф, страшно интересное будущее
ну вон Atomics уже не за горами
WASM в январе обещают мультитреды ))
03:34:21 ПП
User 112715267
User 368918246
да не, компонентный подход крутая тема конечно. Недавно vue попробовал и меня прямо вштырило после джеквери
джеквери 🌚
04:44:02 ПП
User 146658406
как вы запускаете jest? создаете .babelrc? (который потом переопределяет конфиг вебпака на основном проекте)
05:56:24 ПП
User 332334931
User 368918246
я думаю через лет 5 все сайты в 3д будут
это ещё в начале 2000х мечтали - были ещё 3д браузеры
11:24:14 ПП
User 215655868
Доброй ночи. Подскажите, как подключить babel-plugin-external-helpers долго гуглил, не чего не нашел в связки вебпака
11:25:01 ПП
User 215655868
поставил этот плагин, но доку не понял - мало информации
https://www.npmjs.com/package/webpack-babel-external-helpers-2
11:26:39 ПП
User 215655868
я так понял, бабел в каждый модуль вводит свои мелькие хелперы, и код в каждом модуле дублируеться, а external-helpers должен помочь избежать этого