vite 添加viewerCesiumNavigationMixin.min.js依赖

Vite 是一个基于 esm 的渐进式 Web 应用构建工具，它支持快速热更新和模块化加载。如果你想要在 Vite 项目中添加 `viewerCesiumNavigationMixin.min.js` 这个 Cesium 导航插件，你需要按照以下步骤操作：

1. **安装依赖**：
首先，在项目目录下打开终端，确保已经安装了 Node.js 和 npm 或 yarn。然后运行命令行安装该依赖：

   npm install cesium viewer-navigation-mixin --save // 或者使用 yarn

如果你已经有了其他版本的 Cesium，记得确认版本兼容。

2. **注册模块**：
在 `vite.config.js` 文件中，配置 Vite 转换 ES module 以便能够正确导入和使用这个插件。例如：

   import { createVuePlugin } from 'vite-plugin-vue2';
   import ViewerCesiumNavigationMixin from 'viewer-navigation-mixin';

   export default defineConfig({
     plugins: [
       createVuePlugin(),
       {
         name: 'cesium-navigation',
         enforce: 'pre',
         configureWebpack: (config) => {
           config.resolve.alias.set('viewer-navigation-mixin', path.resolve(__dirname, 'node_modules/viewer-navigation-mixin'));
         },
       },
     ],
   });

3. **在组件中使用**：
现在你可以将这个 Mixin 应用于你的 Vue 组件中，通常是在组件的构造函数或 options 中注入：

   <template>
     <div ref="cesiumContainer"></div>
   </template>

   <script>
   import ViewerCesiumNavigationMixin from 'viewer-navigation-mixin';

   export default {
     mixins: [ViewerCesiumNavigationMixin],
     created() {
       this.initCesiumNavigation();
     },
     methods: {
       initCesiumNavigation() {
         // 初始化导航逻辑...
       }
     }
   };
   </script>