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){

lib.forEach((com)=>{

Vue.component(com.name, com);

})

}

export default components

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

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

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

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

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

@mapperscan mapper还是无法引用_高能来了！Java的四大引用
文章很长文末有福利 Java中的四大引用 1. 强引用(StrongReference) 我们平常使用new操作符来创建的对象就是强引用对象,只要有一个引用存在,垃圾回收器永远不可能回收具有强引用的对 ...
vue可以配合jade以及sass吗_【图文】5分钟可以学会在vue里使用sass？
想听sass-loader如何操作?这是学员提出的问题.冥冥之中仿佛看到了学员渴望知识的大眼睛,马上开课吧无忧老师作出响应,整理出这篇该当,如何五分钟搞定Vue + Sass?所以问题你来提,我们为你 ...
c++ 返回引用_【Excel必知必会】引用（链接）小专题
点击上方蓝色字关注我们! 又鸽了一段时间没更新了,最近同事问了我一个问题,有一排数据,想通过一个公式向下拉但是能向右链接,这个问题很有趣,就像这样↓ 那趁着这个机会,就做一期Excel关于链接(引用) ...
java迭代是引用_在迭代递归结构时无法获得可变引用：不能一次多次借用可变引用...
我试图迭代地导航递归数据结构,以便在某个位置插入元素 . 根据我的有限理解,这意味着对结构的根进行可变引用,并通过对其跟随者的引用连续替换它: type Link = Option>; stru ...
java json循环引用_填坑，解决json对象循环引用，在复杂案例中的应用
// 这是Kotlin代码,Java也是一样原理,都是用@JsonView实现单向透明.// 原理:使用@JsonView和withView(JvXxx) 让jackson从某一方向扫描时,直接忽略某 ...
python爬取有道词典_利用Python3和Charles爬取有道词典，生成翻译exe单文件
感觉挺好玩的,所以就转了,但我也做了定制化. 原文: 一.用Charles爬取数据(Windows用Fiddler也差不多) Charles是一个多平台的抓包工具,可以很方便的抓取http和https ...
ionic 修改组件默认样式_开源Magpie：组件库详解
开源项目专题系列(八)1.开源项目名称:magpie_fly2.github地址: https://github.com/wuba/magpie_fly 3.简介:magpie_fly 是58集体出品 ...
vue怎么自己创建组件并引用_Vue 实现创建全局组件,并且使用Vue.use() 载入方式
自定义vue组件,一般是局部引用的方式载入,使用的时候,在应用的组件中使用 import moduleName from 'module' 导入,在components中注册 {{info.title ...
uniapp 子组件 props拿不到数据_来吧！一文彻底搞定Vue组件！
点击蓝色 "达达前端小酒馆" 关注我哦! 加个 "星标" ,每天一篇文章,一起学编程作者 | Jeskson 来源 | 达达前端小酒馆 Vue组件的概述 ...

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

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

最新文章

热门文章