Vue3+ts+vite自动导入vue的依赖
Vue3+ts+vite自动导入vue的依赖
unplugin-auto-import 主要依赖
npm i -D unplugin-auto-import
// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
plugins: [
AutoImport({ imports: ["vue", "vue-router"] }),
],
})
重启项目之后，项目根目录会出现auto-imports.d.ts文件，在tsconfig.app.json文件中引入
{
"extends": "@vue/tsconfig/tsconfig.dom.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue", "auto-imports.d.ts"],
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"composite": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}
