100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue怎么自己创建组件并引用_如何在组件库项目内直接引用vue-cli生成的组件库文件...

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

时间:2023-06-14 10:55:34

相关推荐

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/mon.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)=>{

ponent(com.name, com);

})

}

}

export default components

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

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。