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 添加到你的 package.json 中 "main":"path-to-myLib/dist/myLib.umd.js", 指向生成的 umd 文件，然后使用 import {component} from 'library' 并在 library library name 中使用

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

2 个答案: