Install 安装

依赖安装

npm install azong --save

完整引入

// main.ts
import { createApp } from 'vue'
// 组件库
import azongUI from 'azong'
import "azong/theme/src/index.scss"
// App
import App from './App.vue'
const app = createApp(App)
app.use(azongUI)
app.mount('#app')

手动按需引用

<template>
  <a-button>我是 Button</a-button>
</template>
<script setup>
  import { AButton } from 'azong'
</script>

按需引用自动导入组件样式

按需自动导入组件样式，将借助第三方插件 vite-plugin-style-import@2.0.0 和 consola@3.2.3 实现。
强列建设完整引入组件库样式。

// examples/vite.config.js
import { createStyleImportPlugin } from 'vite-plugin-style-import'
export default defineConfig({
    plugins: [
        vue(),
        createStyleImportPlugin({
            libs: [
                {
                    libraryName: 'azong',
                    esModule: true,
                    resolveStyle: (name) => {
                        const path = name.split('-')  // a-button
                        return `azong/es/components/${path[1]}/src/style/`
                    },
                }
            ],
        }),
    ],
})