Vue3组件库搭建6-在真实项目中调试组件库

60 阅读1分钟

在pnpm-workspace.yaml加入项目目录,然后把项目放入到这个工作空间

packages:
  - packages/*
  - documents
  - examples
  - hina-project  真实的项目
  # exclude packages that are inside test directories
  - "!**/test/**"

直接在项目中引用,package.json中也不需要引入,因为他们都在工作空间中,就可以实时调试了

import { createApp } from 'vue'
import { createPinia } from 'pinia'
// import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
// 单独引入各个组件
// import FuxButton from '@fuxui-plus/components/button'
// import FuxCard from '@fuxui-plus/components/card'
import fuxui from '@fuxui-plus/components'

// 引入组件的样式代码
import "@fuxui-plus/theme-chalk/src/index.scss"

const app = createApp(App)

// 挂载组件
// app.use(FuxButton)
// app.use(FuxCard)
app.use(fuxui)
// console.log('FuxButton',FuxButton);


app.use(createPinia())
app.use(router)

app.mount('#app')