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

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

974 members

Архив канала @webpack_ru 21 апреля 2017 г.

07:13:12 ДП
User 279469716
Привет, как webpack научить резолвить либы которые на  выходе никак не билдятся и нужно лезть прям глубоко в них
import {diffChars} from "diff/src/diff/character";
Например вот так
07:14:59 ДП
User 32530886
User 279469716
Привет, как webpack научить резолвить либы которые на  выходе никак не билдятся и нужно лезть прям глубоко в них
import {diffChars} from "diff/src/diff/character";
Например вот так
он умеет
07:15:34 ДП
User 279469716
Хорошо, перефразирую  какие строчки добавить в конфиг?)
07:16:05 ДП
User 32530886
да никаких
07:16:14 ДП
User 32530886
он сам из коробки умеет во внутренностям ходить
07:17:58 ДП
User 279469716
Хм.  да тут проблема такая что либу поставил из github , т.к у них на npm версия отстает, а из github другая проблема, она не билдится, просто как есть выкатывается, ну  и это вполне устраивает, просто иду по пути
diff/src/diff/character
А в итоге
Module not found: Error: Can't resolve 'diff' 
Я подумал может что добавить нужно
07:18:26 ДП
User 32530886
ну эм
07:18:33 ДП
User 32530886
директория должна быть в node_modules
07:18:42 ДП
User 279469716
Ну конечно =)
07:18:52 ДП
User 32530886
делай npm install github:name/repo
07:18:58 ДП
User 279469716
Ну то есть diff это пекедж node_modules
07:19:16 ДП
User 279469716
вот тоже самое сдеалал только
 yarn add git+https://git@github.com/kpdecker/jsdiff#v3.2.0
07:19:43 ДП
User 32530886
ярн может всё ломать
07:20:09 ДП
User 279469716
такс и как быть
07:20:12 ДП
User 32530886
он у тебя не неаходит именно diff а не полный путь внутри модуля
07:20:18 ДП
User 279469716
на проде то yarn install
07:20:32 ДП
User 32530886
yarn не нужен)
07:20:38 ДП
User 279469716
Да именно diff
07:21:11 ДП
User 32530886
в любом случае npm пакет который ставится из гита, должен быть сбилжен скриптами внутренними
ибо на лоадерах обычно ставят exclude: node_modules
07:21:36 ДП
User 279469716
Внутренними скриптами пакета да
07:21:52 ДП
User 32530886
короче npm  install github:repo/name всё решает
07:38:31 ДП
User 279469716
Блин у них сильно разнится npm и github а добавить всего одну две стрчоки, в npm есть возможность форка? знаю что вопрос не в рамках webpack уже но все же чтобы закрыть тему
07:45:48 ДП
User 52321317
User 279469716
Блин у них сильно разнится npm и github а добавить всего одну две стрчоки, в npm есть возможность форка? знаю что вопрос не в рамках webpack уже но все же чтобы закрыть тему
Вроде как надо jsdiff/src/diff/character
07:46:12 ДП
07:46:18 ДП
User 279469716
а у тебя jsdiff?
07:46:23 ДП
User 279469716
у меня как diff почему то
07:46:39 ДП
User 279469716
такс а покажи как ставил? ты проверил получается?
07:47:17 ДП
User 52321317
не, просто как папка называется в node_modules?
07:47:27 ДП
07:47:29 ДП
07:47:44 ДП
User 52321317
сейчас я гляну
07:47:46 ДП
User 52321317
напишу
07:48:02 ДП
User 279469716
Спасибо большое!
07:59:09 ДП
User 52321317
User 279469716
Спасибо большое!
У меня все работает.
07:59:49 ДП
User 52321317
сейчас пришлю файл в лс
07:59:59 ДП
User 279469716
Спасибо!
09:53:57 ДП
User 215246708
кто юзал этот бойлер https://github.com/Stanko/react-redux-webpack2-boilerplate
github.com/Stanko/react-redux-webpack2-boilerplate
react-redux-webpack2-boilerplate - React and Redux, Webpack 2 boilerplate
09:54:20 ДП
User 215246708
при сборке продакшина какой то не понятный js файл собирает
01:35:11 ПП
User 23384802
User 32530886
yarn не нужен)
+
01:37:16 ПП
User 23384802
Прочитал тут бегло все сообщения в канале перед миграцией на второй вебпак, т.к. подумал, что много подводных камней будет. Но все оказывается проще, чем казалось
01:55:31 ПП
User 52321317
User 32530886
yarn не нужен)
а мне зашел)
01:58:58 ПП
User 52321317
User 23384802
Прочитал тут бегло все сообщения в канале перед миграцией на второй вебпак, т.к. подумал, что много подводных камней будет. Но все оказывается проще, чем казалось
у меня вообще с полпинка завелось
02:02:06 ПП
User 32530886
User 52321317
у меня вообще с полпинка завелось
+
02:32:11 ПП
User 137521896
Единственное, с чем я столкнулся при переезде, теперь надо указывать полное название лоадера, типа 
loader: 'style-loader'
Тогда как раньше можно было:
loader: 'style'
02:36:02 ПП
User 52321317
User 137521896
Единственное, с чем я столкнулся при переезде, теперь надо указывать полное название лоадера, типа 
loader: 'style-loader'
Тогда как раньше можно было:
loader: 'style'
Так это плюс же?
02:55:29 ПП
User 137521896
User 52321317
Так это плюс же?
Так я и не спорю, но конфиг пришлось поправить
03:21:50 ПП
User 25987514
User 137521896
Так я и не спорю, но конфиг пришлось поправить
вроде ты можешь заюзать resolveLoader.moduleExtensions и не пришлось бы ничего править
03:24:46 ПП
User 23384802
User 137521896
Единственное, с чем я столкнулся при переезде, теперь надо указывать полное название лоадера, типа 
loader: 'style-loader'
Тогда как раньше можно было:
loader: 'style'
json'ы лоадятся по дефолту. Писать -loader, плагин один по дефолту включен, другой надо переименовать. Некоторые опции по умолчанию надо теперь руками прописывать, поправить конфиг (use, вместо loaders, убрать pre)
Еще что-то там было. Но так да, элементарно. Просто еще надо было перепрыгнуть на 4-ый реакт роутер, обновить ноду и решил потратить несколько минут на чтение всей истории бегло - вдруг кто-нибудь сталкивался с какими-либо проблемами, чтобы заранее подготовиться. Но все обошлось :)
06:01:44 ПП
User 215655868
подскажите, а можно вебпаком скомптлить stylus? есть директория с директориями, в них *.styl, нужно скомпилить все в public и чтоб струкруа директорий сохранилась
06:03:59 ПП
User 178689889
напиши npm скрипт
06:08:32 ПП
User 215655868
User 178689889
напиши npm скрипт
тоже понадобилось?
06:12:16 ПП
User 152816933
User 215655868
подскажите, а можно вебпаком скомптлить stylus? есть директория с директориями, в них *.styl, нужно скомпилить все в public и чтоб струкруа директорий сохранилась
А в проекте они не (импортируются)  используются?
06:12:38 ПП
06:14:32 ПП
User 178689889
User 215655868
тоже понадобилось?
нет, просто так проще всего
06:16:25 ПП
User 152816933
Тогда удваиваю за npm
06:17:10 ПП
User 215655868
Не понял вас. Это сарказм? Типо поищи на npm?)
06:17:38 ПП
User 152816933
Нет, @caspianseagull хороший вариант предложил
06:18:19 ПП
User 152816933
у cli'шной утилиты под stylus вроде даже вотчер есть, если вдруг что
06:22:58 ПП
User 215655868
До меня дошло, npm run stylus. Сорри, я подумал вы мне плагин для вебпака предлагаете написать 😅
07:33:14 ПП
User 59231476
User 215655868
подскажите, а можно вебпаком скомптлить stylus? есть директория с директориями, в них *.styl, нужно скомпилить все в public и чтоб струкруа директорий сохранилась
function requireAll(r) { r.keys().forEach(r); }
requireAll(require.context('./modules/', true, /\.js$/));
Только менять .js на styl соотвественно.
07:33:33 ПП
User 59231476
Ну и точкой входа .js
07:42:12 ПП
User 52321317
Да тут использовать вебпак как из пушки по воробьям
07:59:04 ПП
User 215655868
User 52321317
Да тут использовать вебпак как из пушки по воробьям
😂, я просто раньше галпом компилил, он норм для таких задач, думал вебпак тоже подойдет 👀
08:42:16 ПП
User 32530886
User 215655868
подскажите, а можно вебпаком скомптлить stylus? есть директория с директориями, в них *.styl, нужно скомпилить все в public и чтоб струкруа директорий сохранилась
вебпак это сборщик
то есть он берет кучу и делает из этого бандл — сборку многих файлов в несколько сжатых и оптимизированных
08:42:29 ПП
User 32530886
если тебе просто директорию обработать — вебпак не для этого
10:25:57 ПП
User 215655868
User 32530886
если тебе просто директорию обработать — вебпак не для этого
я уже галп использовал)
10:26:29 ПП
10:26:32 ПП
User 215655868
всего то