vue-cli 구성 요소에서 lib를 빌드하고 가져오기

vue-cli 구성 요소에서 lib를 빌드하고 가져오기

다음 명령으로 내 lib를 빌드하는 데 vue-cli를 사용하는 경우:

"build": "vue-cli-service build --target lib --name myLib ./src/component.vue"

빌드 후 dist 폴더에서 구성 요소를 가져오려면 어떻게 해야 하는가?

가져올 경우path-to-myLib/src/component.vue, 모든 것이 괜찮아!그러나 아래 코드는 작동하지 않는다.

// undefined
import { component } from 'path-to-myLib/dist/myLib.umd.js' 
// undefined
import myComponent'path-to-myLib/dist/myLib.umd.js' 
// result: https://i.stack.imgur.com/xHSzL.png
import * as myComponent'path-to-myLib/dist/myLib.umd.js'

나는 무엇이 문제인지 이해할 수 없다.

빌드 컴포넌트를 사용하고자 하는 경우 다음과 같이 가져오십시오.

import MyComponent from 'path/to/MyComponent.umd.js'

이 구문은 당신의 시도에서 언급되지 않았으므로, 수입 명세서 오타일 뿐인 것 같다.

당신은 당신의 소포에 main을 추가해야 한다.json과 같은 "main":"path-to-myLib/dist/myLib.umd.js"는 생성된 umd 파일을 가리킨 다음 '라이브러리'에서 {component} 가져오기를 사용하여 라이브러리 이름에 사용

참조URL: https://stackoverflow.com/questions/51772729/vue-cli-build-a-lib-from-component-and-import-it