怎么安装配置unplugin-auto-import/vite

安装和配置 unplugin-auto-import/vite 的方法如下：

1. 首先在项目目录中运行以下命令安装 unplugin-auto-import/vite：npm install unplugin-auto-import vite-plugin-compression --save-dev

2. 在项目中添加以下代码来配置 unplugin-auto-import/vite：

// vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { viteCompression } from 'vite-plugin-compression'
import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
plugins: [
vue(),
viteCompression(),
AutoImport({
imports: [
'vue',
'vue-router',
{
'lodash-es': ['debounce', 'cloneDeep']
},
],

dts: 'src/auto-imports.d.ts',
})
]
})

3. 现在你可以在代码中使用自动导入来导入你需要的模块，unplugin-auto-import/vite会自动将所需的模块导入到你的代码中：

// main.js

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')