vue-cli从组件构建一个lib并将其导入

Question

我正在使用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'

我不明白问题是什么。

Answer 1

无论您想在哪里使用构建的组件，只需像这样导入它：

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

您的尝试中没有提到此语法，所以我猜这只是导入语句的拼写错误。