unplugin-auto-import使用

unplugin-auto-import是什么，为什么要使用？

官方文档：unplugin-auto-import - npm
unplugin-auto-import：是为Vite，WebPack，Roolup和Esbuild按需自动引入API。
直接看效果：正常写项目时，当未引入对应的API直接使用时就会报错(未使用自动引入时写项目，每个文件都要手动导入 API 的低效重复搬砖)

当项目中使用unplugin-auto-import并进行配置后，就可以避免每个文件重复引入。

unplugin-auto-import如何使用？

第一步：npm i -D unplugin-auto-import 
第二部需要引入进行配置：在vite.config.ts引入并配置

import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
  plugins: [
    AutoImport({ /* options */ }),
  ],
})
常用配置：详细使用可以看官方文档-unplugin-auto-import - npm

结语

每日一言：博学而笃志，切问而近思。