Vite 可以配置组件自动导入和一些函数自动导入,函数自动导入就是 plugins 选项下的AutoImport({})。比如,Vue 的生命周期函数、watch 函数等,都在这里配置。

Element Plus 的 ElMessage 也是支持自动导入的,但是去掉组件里的 import 语句之后就报错,这是因为,没有在 tsconfig.json 中加上下面这句话:

{
  "compilerOptions": {
    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "auto-imports.d.ts"]
  }
}

所有的函数都被 Vite 自动写入到了 auto-imports.d.ts,如果不给 ts 一点提示,就会被错误地处理(报错)。