vite+vue+ts 开发环境正常；编译环境异常

开发环境版本：

1.遇到问题

在本地开发环境运行正常；但是build之后提示：

Uncaught Leaflet and proj4 must be loaded first

2.解决过程

由于当前项目是自己从0到1搭建的，对于vite配置参数、tsconfig配置参数都不太理解，搜了很多博客，解决了一天才解决好。此方法仅供参考。

1.检查报错依赖包是否按照依赖关系顺序引入

        由于我是在js文件里面引入的，顺序肯定没问题，当然也试了很多修改，均未解决。

2.检查自己的vite.config.js文件中是否有阻止此依赖引入的配置

这一步就需要自己百度看看官网的配置参数详情介绍了，然后再排查自己的配置。

官网链接贴：https://cn.vitejs.dev/config/

显然我这一步也没太大的问题，因为我的config文件很简单，基本没啥配置。

但是！！！

刷到一个分块的帖子manualChunks，然后也看了官网对此参数的介绍，由于我没有对我的js文件进行任何分块，所以一般会直接导出一个js文件，想到此问题时编译后出现的，应该是编译过程中把我的这几个文件进行了某些操作才造成没读到，于是就尝试分块，然后就解决啦~！！！！

3.解决方法

rollupOptions: {
      output: {
        manualChunks(id) {
           //src/utils/leaflet --- 是我引入这两个依赖的目录
          if (id.includes('src/utils/leaflet')) {
            return 'map-leaflet'; //任意标识名字即可
          }
        }
      }
    }