Блог

Я пытаюсь создать библиотеку vue, которая должна быть включена в качестве модуля umd, чтобы ее можно было использовать через тег script в браузере. Сама библиотека публикует компонент vue и использует vuetify, но не поставляется с vuetify, потому что потребительские пакеты должны содержать его. Я использую конфигурацию webpack externals , чтобы предотвратить то, что vuetify является частью окончательного пакета. Я также добавил туда vue и другие зависимости. index.js Моя библиотека выглядит так:

 import MyComponent from './MyComponent'

export default MyComponent
export {
  MyComponent
}
  

Теперь я создал приложение vue, в котором сама библиотека загружается тегом script в index.html . Я зарегистрировал все компоненты vuetify с Vue.component(name, component) помощью и использовал Vue.component('MyComponent', MyLibrary.MyComponent) для регистрации своего пользовательского компонента. К сожалению, я получаю много ошибок, таких как Unknown custom element: <VuetifyComponent> . Таким образом, проблема, похоже, заключается в том, что библиотека ищет компоненты vuetify, которые существуют в области окна, вместо того, чтобы брать эти компоненты из моего приложения vue. Есть ли какой-либо способ убедить библиотеку umd принимать зависимости от используемого пакета?