unplugin-auto-import 在 js 文件

使用 unplugin-auto-import 插件可以方便地自动导入依赖库，提高代码编写效率。在 JavaScript 文件中使用 unplugin-auto-import 插件需要先安装插件和相关依赖，然后在 Vue 项目或者 webpack 配置文件中进行配置。

以下是在 Vue 项目中使用 unplugin-auto-import 插件的示例：

1. 安装插件和依赖：

npm install -D @unplugin/auto-import vue-loader@^15.0.0 vue-loader@^16.0.0-beta.8

2. 在 Vue 项目的 vue.config.js 中进行配置：

const { defineConfig } = require('vue-cli-plugin-unplugin-auto-import/webpack')

module.exports = defineConfig({
  optimizeDeps: {
    include: [
      'vue',
      'vue-router',
      '@vueuse/core',
      'lodash'
    ]
  }
})

以上配置会自动引入 Vue、Vue Router、VueUse 和 Lodash 库。

在 JavaScript 文件中，只需要正常使用对应的库即可，不需要手动导入。例如：

// 不需要手动导入 Vue
const app = Vue.createApp({
  // ...
})

注意，unplugin-auto-import 插件需要配合 Vue 项目或者 webpack 使用，因此在普通 JavaScript 项目中可能无法使用。