vue怎么自己创建组件并引用_如何在组件库项目内直接引用vue-cli生成的组件库文件...

感谢大家帮忙， 我第一次用vue-cli制作组件库，使用的命令是：

vue-cli-service build --target lib --name vpui ./src/components/index.js

项目结构:

main.js

import Vue from 'vue'

/* this works */ import VPUI from "./components"

/* this does not*/ import VPUI from "../dist/vpui.common.js"

Vue.use(VPUI)

import App from './App.vue'

Vue.config.productionTip = false

new Vue({

render: h => h(App),

}).$mount('#app')

index.js

import Vue from "vue"

import VpButton from "./VpButton.vue"

const lib = [

VpButton

]

var components = {

install: function(Vue){