【xingorg1-ui】基于vue3.0从0-1搭建组件库 (六) 项目注册与包引入

• npm地址

• github源码

(六)项目注册与使用

main.js引入与注册

import { createApp } from 'vue'
import App from './App.vue'
import xingorg1UI from 'packages/index'
console.log(xingorg1UI)

createApp(App).use(xingorg1UI).mount('#app')

app.vue/other.vue使用

<template>
  <div class="demo-button">
    demo页面-直接使用button按钮
    <gjf-button /> 
  </div>
</template>

<script>

export default {
  name: 'Button'
}
</script>

main.js按需引入：

import { GjfIcon } from 'packages/index'
console.log(GjfIcon)

createApp(App).use(GjfIcon).mount('#app')