vite修改配置引入本地的sdk有两种方式,以Cesium的DC框架为例
Vite引入sdk的使用
引入本地的sdk文件如何实现
首先先说说为什么需要引入本地的sdk,因为在我们开发当中会遇到一些业务的某个模块需要修改到一些框架的源码,如何修改好了符合我们的业务就需要使用我们本地的了,而不是线上的代码了(当然这个不推荐去修改源码,触发改动真的很大很大或者公司强烈要求),下面我就以基于Cesium.js开发的DC框架为例进行演示
首先打包本地的sdk
可以使用npm run build
进行打包 或者通过IDEA工具进行快速的打包
注意:打包的具体命令需要参看config配置文件
第二步将打包好的文件放入到项目中
以我当前这个为例子,我在src
同级的目录下创建了一个lib
文件进行存放,如何将build
好的文件dc-sdk和vite-plugin-dc
文件夹放进去;(这里说一下,也可以不放在与src同级下,只是建议,这个lib文件可以自定义名称哈,不是强制的!)
第三步配置Vite请求的路径地址(存在两种)
第一种是修改package.json文件
我这边的这个项目是vite项目作为打包构建工具的,我这边先修改了dependencies和devDependencies下的,将原先的那个包的配置都删除了,引入了本地的可以参考vite官网进行快速翻阅配置这个的,其实和webpack也差不多的。这里的路径需要指向对,这里提醒一下(这些单词别打错了,我就是出现打错别字了,建议这里做一个cv工程师哈)
完成上面的配置以后,当然是做main.js的配置拉,将它引入到全局当中去:
第二种就是直接修改请求的路径(推荐)
找到vite文件夹,如何去到plugins文件夹,其次找到index.js 文件,修改一下里面的内容,将DC的路径进行修改一下,引入直接本地的路径,这个路径千万别错了哈,不然就出问题了!然后根据自己的实际情况进行调整即可
这边就是直接去修改一下请求地址
最后就是修改本地sdk的配置文件
上述两种方式选一种以后进行以下操作:找到该文件的操作然后进行配置index.js
这个文件的请求路径,然后修改一下为本地的地址,该操作需要结合自己的实际文件夹路径进行配置,注意
必须使用这样形式进行配置路径./
或者../
更多推荐
所有评论(0)