vue-cli 从组件构建一个库并导入它

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'

你的尝试中没有提到这个语法，所以我猜这只是一个导入语句的错字。

Answer 2

您必须像这样“main”：“path-to-myLib/dist/myLib.umd.js”添加 main 到您的 package.json，指向生成的 umd 文件，然后使用 import {component} from 'library' 并使用在图书馆图书馆名称