- 插件(两个组件, 都是 antfu( vite 核心团队成员 ) 写的)
npm i unplugin-auto-import unplugin-vue-components -D
- 使用, 下面是最简单的使用方法
vue component 文档
auto-import
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
WindiCSS(),
AutoImport({
imports: ['vue']
}),
Components({
/* options */
})
]
})
- 执行命令
npm run dev
, 执行完成之后, 会生成两个文件auto-imports.d, components.d
不过编译过程肯定有复杂的处理, 还没仔细研究
- 引入生成的 .d.ts 文件, 在这里你要引入生成的类型文件, 如果不太熟悉 ts , 先去看下 tsconfig 相关字段
"include": [
"src/**/*.ts",
"src/**/*.d.ts",
"src/**/*.tsx",
"src/**/*.vue",
"auto-imports.d.ts",
"components.d.ts"
],