Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

求助,我该如何将components/index.ts中导出的组件进行自动导出? #724

Open
summer1874 opened this issue Dec 14, 2023 · 1 comment

Comments

@summer1874
Copy link

summer1874 commented Dec 14, 2023

文件结构

├── src/
│ ├── components/
│ │ └── src/
│ │  │ └── col.vue
│   └── index.ts

index.ts

import Col from './src/col.vue'
import Col2 from './src/col2.vue'

export { Col ,Col2 }
Components({
  resolvers: [
    ElementPlusResolver(),
  ],
  dts: resolve('src/components.d.ts'),
  globs: ['src/components/**/index.ts']
}),

这样配置得到的是

col: typeof import('./components/col/index.ts')['default']

我改如何viteconfig中配置了,才能准确的导入了?

@weiquanju
Copy link

weiquanju commented Jan 23, 2024

你可以修改你的目录结构

├── src/
│ ├── components/
│ │ └──  col.vue

不需要src/components/index.ts这个文件

因为最新版unplugin-vue-components默认支持src/components目录下的组件自动导入,不需要做额外配置
vite config移除globs: ['src/components/**/index.ts'],如下

Components({
  resolvers: [
    ElementPlusResolver(),
  ],
  dts: ‘components.d.ts’,
}),

如果你是第三方组件库作者,可以参考这篇文章workspace-autoimport

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants