文档补充，组件引入相关增加代码片段示例

[ocean-gao]

相关的问题

全局部分引入：

import { FButton } from '@fesjs/fes-design';
app.use(FButton);

全局完整引入：

import FesDesign from '@fesjs/fes-design'
app.use(FesDesign)

按需引入：

以Vite为例。

// vite.config.ts

import Components from 'unplugin-vue-components/vite';

export default defineConfig({
  // ...
  plugins: [
    Components({
     resolvers: [
        (componentName) => {
            if (componentName.match(/^(F[A-Z]|f-[a-z])/))
                return {
                    name: componentName,
                    from: '@fesjs/fes-design',
                };
        },
    }),
  ],
})

手动导入：

<template>
  <FButton>我是 FButton</FButton>
</template>
<script>
  import { FButton } from '@fesjs/fes-design'
  export default {
    components: { FButton },
  }
</script>

解决方案

No response

考虑过的替代方案

No response

其它补充内容

No response