模块自动导入

看的短视频，自己试了下，发现挺好用的：模块自动导入【渡一教育】_哔哩哔哩_bilibili

1. 安装插件

npm i unplugin-auto-import

2. 在vite配置文件（vite.config.ts）中进行配置，配置完场后，需要重新启动下项目，不然配置不生效

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 1. 引入文件自动导入的插件  / 后面可以选择对应的构建工具，我这里用的vite，所以写的vite
import ViteAutoImport from 'unplugin-auto-import/vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    // 2. 配置自动导入的模块
    ViteAutoImport({
      // 引入一些公共的模块
      imports: ['vue', 'vue-router', 'pinia'],
      // 自己写的文件（不推荐用）
      // dirs: [],
      // 可以选择自动导入的文件类型    .d.ts文件就是对ts做出类型定义
      dts: 'src/auto-imports.d.ts'
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
})

3. 就可以进行测试了