Как СОЗДАТЬ npm ПАКЕТ с WEBPACK, TYPESCRIPT, BABEL, ESLINT + AIRBNB и ТЕСТАМИ

[@WannabeSchoolOld]

Забыл сказать, если хотите паблишить новые версии, меняйте версию в package.json.

[@gamewithrap]

- "Если у вас нет линта, то ваш проект гамно"
Также автор в файле utils:
...eslint-disable, ...eslint-disable

[@АндрейБ-п4я9н]

ну просто обалденейшее видео (и авто документация и еслинт в вебпаке и тесты - все затронуто). большое спасибо. очень помогли

[@Kozmo969]

Классный видос, почему перестал видео снимать?

[@polioann]

нормальная ли практика оставлять ./dist?

[@ЮрийБульба-т2и]

Еще актуально? 2022

[@alexeydyomin]

Подскажте, зачем рект непосредсвенно в package.json писать?

[@WannabeSchoolOld]

Извиняюсь, кого?

[@WannabeSchoolOld]

Если вы имели ввиду реакт, то он нужен для eslint-plugin-react, а он нужен для полной работы eslint

[@alexeydyomin]

@@WannabeSchoolOld а сам пакет не подтягивает свои зависимости?

[@WannabeSchoolOld]

@@alexeydyomin подтягивает, но они используются только во время разработки, в продакшн не поедет

[@alexeydyomin]

@@WannabeSchoolOld согласен, просто я думаю, что если зависимости основных пакетов добавлять отдельно в package.json, то при удалении, или замене пакета, будет не очевидно, для чего они здесь указаны явным образом. как зависимости, и их надо убрать, или как основные пакеты и нужны в проекте.

[@alexup7437]

Видос крутой, спасибо большое. Но вот с лишними пакетами в package это проблема, проще в правилах отрубить их.

[@sergeykahnwald6640]

Сторибук крутая либа) Но бывают случаи когда нам не очень то и нужна вся мощь сторибука, а просто страничка с компонентами где можно поиграться с его пропсами. Есть либа по типу сторибука только на минималках, как раз для таких целей, называется storybox-react

[@ПетрПетров-ж9е]

Какая причина использовать именно webpack?

[@teosrevival]

что бы make love с ним...
гайд может быть полезен, если во всей этой ереси webpack'овской ты разбираешься как рыба в воде...
если нет, то ты не сможешь даже понять что идет не так... =((

[@РоманФедосов-ш3в]

Спасибо, хорошее видео получилось

[@eugeniyvinnikov5480]

Давно искал что то подобное вообще люблю тему библиотек было бы здорово создать ряд видео допустим создания кастомных библиотек(популярных к примеру)

[@yusupov-droid]

Так держать бро ))))

[@WannabeSchoolOld]

спасибо)

[@theoty-js]

Классно объясняешь

[@ПетрПетров-ж9е]

Я правильно понял у тебя в package.json параметр module смотрит на UMD файл библиотеки(не на исходники). Разве это не раздувает мой bandle если я буду использовать твою библиотеку через NPM?

[@ВладПалаев-з4н]

да, его раздует знатно, если в проекте либы будет много зависимостей и транзитивных зависимостей.
npm очень умный и способен повторяющиеся зависимости не дублировать в node_modules(если версии одинаковые), и где нужно поднимать версии пакетов по semver. Поэтому таким подходом сборкой webpack в dist folder мы не позволяем npm анализировать наши зависимости

[@SamPcheel]

крайне полезный видос. я только не понял куда выводить вот эти дебагерские console.log-и во время разработки либы

[@SamPcheel]

@Ivan Petrov каво

[@SamPcheel]

@Ivan Petrov а. спасибо Вам конечно но я просто хотел узнать как дебажить либу

[@SamPcheel]

@Ivan Petrov нуда это папка с вот этими юнит тестами, а мне же нужно просто посмотреть чему равна переменная, что возвращает функция и всякое такое спасибо

[@WannabeSchoolOld]

@@SamPcheel просто подключи файл, который у тебя появляется в dist папке, в свой файл html и в браузере его открывай, дальше уже в консоли сможешь видеть что хочешь

[@An-cq6jx]

только не БАБЕЛЬ, а БЭЙБЛ!! ) А так видос отличный. мне помог

[@WannabeSchoolOld]

я специально так называю)

[@An-cq6jx]

@@WannabeSchoolOld да в целом я понял. Блин, объясни пожалуйста почему output.library = "myLibName" в браузере мне выдает undefined? Я пока не выливал пакет в npm, нужно закончить все и тесчу прикрепляя локальный файл из /dist дирректории в теге . Но почему-то мой класс не находит в браузере(

[@An-cq6jx]

@@WannabeSchoolOld я прикрепил файл так , но когда вызываю new Timer() - он uundefined

[@WannabeSchoolOld]

@@An-cq6jx кинь фул конфиг, только по этой переменной не смогу дать полный ответ)

[@An-cq6jx]

​@@WannabeSchoolOld спасибо, 5 мин назад разобрался, потратил целый час и в итоге пересмотрел твой ролик заново чтобы найти где я профукался. Крч я забыл сделать export default в главном файле корневом и поэтому при обращении к .default по сути выбивало = undefined

[@АлександрПлуталов-ъ4ш]

обычно не критикую исходя сделай лучше))))) но это не скажу то не расскажу))) смысл видео? заходишь npm и скачиваешь все что там есть себе в проект и пушишь и говоришь вот моя библиотека)))