vite3 中 unplugin-auto-import/vite 的使用

安装

yarn add unplugin-auto-import/vite -D

使用

import AutoImport from 'unplugin-auto-import/vite'

//在plugin:中配置

...plugin:[
  AutoImport({
    imports: ['vue', 'vue-router'], // 自动导入vue和vue-router相关函数
    dts: 'src/auto-import.d.ts', // 生成 `auto-import.d.ts` 全局声明
  }),
]

在页面使用

<script setup lang="ts">
const a = ref(3)
</script>
<template>{{ a }}</template>
<style lang="scss" scoped></style>