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

Question

我正在使用 vue-cli 通过以下命令构建我的库： "build": "vue-cli-service build --target lib --name myLib ./src/component.vue",

构建后如何从dist 文件夹导入组件？

我试过了

 // undefined
 import { component } from '../../myLib/dist/myLib.umd.js' 
 // undefined
 import myComponent'../../myLib/dist/myLib.umd.js' 
 // see picture below
 import * as myComponent'../../myLib/dist/myLib.umd.js'

最后一个变体给了我这个：

我的 component.vue 有效（太大无法显示）

Answer 1

您好，我将 dist 目录粘贴到 node_modules/myLib 下，然后将我的包与 import MyComponent from 'myLib' 一起使用

（或者，如果 npm 抱怨找不到你的库，你可以在 npm 上发布它，如果将它作为公共包没有问题的话）。