А если допустим это ui-kit в котором сборник компонентов, то как их экспортировать? И есть такие случаи когда компоненты сборные, состоящие из нескольких из этой же библиотеки.
Можно докрутить файлик buildLibrary.ts Для публикации библиотеки компонентов я бы пользовался этим видео в ознакомительных целях, и докручивал бы под себя
@@dev-workshopтам просто когда экспортируем компонент в котором есть зависимости от других компонентов. То при импорте в другом проекте такого компонента вылезает предупреждение ('[Vue warn]: resolveComponent can only be used in render() or setup().') и получается что сборный компонент нормально не отрабатывает.
@@dev-workshop Проблема решилась, что в том проекте где импортировали ui-kit в конфигурации вебпака надо было прописать алиас, resolve:{ alias:{ vue: path.resolve('./node_modules/vue') } }
спасибо за видео! Заметил, что в файле сборке используется глобальная переменная дирнейм, насколько помню в es модулях она не поддерживается и что её только через костыль можно переопределить. Ты её где-то переопределял или в какую-то ноду добавили её для es?)
Спасибо! Если вызывать через ts-node --skipProject то __dirname прекрасно работает. Однако это все равно некоторый костыль, потому что я не смог заставить корректно работать import.meta.url, и устал разбираться, почему именно он не работает
Серег, это огонь! Наконец-то дождался!
Пользуйся с удовольствием♥️
Топовый канал! Спасибо
Спасибо!
А если допустим это ui-kit в котором сборник компонентов, то как их экспортировать? И есть такие случаи когда компоненты сборные, состоящие из нескольких из этой же библиотеки.
Можно докрутить файлик buildLibrary.ts
Для публикации библиотеки компонентов я бы пользовался этим видео в ознакомительных целях, и докручивал бы под себя
@@dev-workshopтам просто когда экспортируем компонент в котором есть зависимости от других компонентов. То при импорте в другом проекте такого компонента вылезает предупреждение ('[Vue warn]: resolveComponent can only be used in render() or setup().') и получается что сборный компонент нормально не отрабатывает.
@@stanislav_ovv очевидно, что для компонентов с зависимостями нужны каки-то изменения
@@dev-workshop Проблема решилась, что в том проекте где импортировали ui-kit в конфигурации вебпака надо было прописать алиас,
resolve:{
alias:{
vue: path.resolve('./node_modules/vue')
}
}
@@dev-workshop А так сделали первую версию UI-KIT по тому же принципу, что описан в видео, только на JS. Следующий шаг наверно будет Storybook и TS
спасибо за видео! Заметил, что в файле сборке используется глобальная переменная дирнейм, насколько помню в es модулях она не поддерживается и что её только через костыль можно переопределить. Ты её где-то переопределял или в какую-то ноду добавили её для es?)
Спасибо! Если вызывать через ts-node --skipProject то __dirname прекрасно работает. Однако это все равно некоторый костыль, потому что я не смог заставить корректно работать import.meta.url, и устал разбираться, почему именно он не работает
Что то всёравно плохо работает этот метод, dts у меня так и не собрался. Видимо, придётся отложить напотом эту задачку.