vue3+vite自动引入组合Api插件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"], // 自动导入vue和vue-router相关函数
      dts: "src/auto-import.d.ts" // 生成 `auto-import.d.ts` 全局声明
    })
  ]
})
1
2
3
4
5
6
7
8
9
10

使用，无需引入

<script setup>
// import { ref } from "vue";
let msg = ref("xiaoqu");
</script>
1
2
3
4