vue3 vite 安装 "esri-loader": "^3.7.0",

要在 Vue 3 项目中使用 Vite 并安装 `esri-loader` 版本 `^3.7.0`，首先你需要确保你的项目已经配置了 Vite 和 Vue CLI（如果尚未配置）。Vite 是一个轻量级的前端构建工具，而 Vue CLI 可以帮助简化 Vue 项目的创建和配置。

以下是安装 `esri-loader` 的步骤：

1. **创建或打开 Vue 3 Vite 项目**:
如果你已经有了一个Vue 3项目，确保它是基于Vite的。如果没有，你可以使用 `vue create` 命令创建一个新项目并选择Vite模板，例如:

   vue create my-vue3-vite-project --template=vite

2. **进入项目目录**:

   cd my-vue3-vite-project

3. **安装 esri-loader**:
使用 `npm` 或 `yarn` 来安装 `esri-loader`，记得带上版本号限制：

   npm install --save esri-loader@^3.7.0
   # 或者
   yarn add esri-loader@^3.7.0

这将安装指定版本范围内的最新版本，如果需要特定版本，则直接写 `esri-loader@3.7.0`。

4. **配置 loader**:
在你的项目中，你可能需要在 `vite.config.js` 或 `build/vite.config.js` (对于更老的版本) 文件中配置 loader，以便 Vite 可以识别 `.arcgis` 或 `.json` 文件。添加类似下面的配置：

   import { defineConfig } from 'vite';
   import { esriLoader } from 'esri-loader';

   export default defineConfig({
     build: {
       rollupOptions: {
         input: 'src/main.js',
         output: {
           dir: 'dist',
           format: 'iife',
         },
         plugins: [
           esriLoader(), // 加入 esri-loader 插件
         ],
       },
     },
   });

5. **引用并使用 esri-loader**:
在你的组件或者需要加载ArcGIS数据的地方，导入并使用 `esri-loader` 加载地理信息数据。

6. **运行项目**:
确保所有依赖项安装完成后，运行项目：

   npm run serve
   # 或者
   yarn dev

相关问题:
1. 为什么要在Vite中使用第三方loader？
2. `esri-loader` 是用来做什么的？
3. 如何在Vue组件中正确地使用 `import` 导入 ArcGIS 数据？