vue-cli如何从组件构建lib并将其导入?

时间:2018-08-09 05:28:10

标签: vue.js vuejs2 vue-cli

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

最后一个变种给了我这个

enter image description here

我的component.vue有效(太大而无法显示)

1 个答案:

答案 0 :(得分:1)

嗨,我将dist目录粘贴到node_modules/myLib下,然后将我的软件包与import MyComponent from 'myLib'一起使用

(或者,如果npm抱怨找不到您的库,则可以将其发布为公共包,也可以在npm上发布它。)