如何在组件库项目内直接引用vue-cli生成的组件库文件

Question

感谢大家帮忙， 我第一次用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){
        lib.forEach((com)=>{
            Vue.component(com.name, com);
        })
    }
}

export default components

生成的组件库可以发布到NPM, 也可以在其他的项目里下载安装（新建一个项目，然后npm install --save @kuanslove/vpui,就可以用里面的组件）。

我现在唯一不明白的地方就是：

当我在组件库自身项目里直接引用生成的 .common.js文件时(参见main.js)，总是报错：

请问这是什么原因？ 十分感谢

Answer 1

dist文件夹里的文件应该是经过webpack处理的，不再是es6模式的，不再支持import

Answer 2

我遇到同样的问题 楼主怎么解决的
放到node_modules文件夹导入就可以使用
放到src下面导入就不行