• vite配置本地的sdk---引入本地的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的路径进行修改一下,引入直接本地的路径,这个路径千万别错了哈,不然就出问题了!然后根据自己的实际情况进行调整即可
    在这里插入图片描述
    这边就是直接去修改一下请求地址
    在这里插入图片描述

  • 相关阅读:
    最新ACM Fellow名单发布,唐杰等4名中国大陆学者当选,中国机构入选人数排名第二
    CenterPoint 工程复现
    Linux内核—模块编译方法
    perf工具使用
    Day30_8 Java学习之MySQL数据库、DML与DCL语言操作
    聚鼎科技:装饰画行业新手怎么入局
    cv::Mat类的矩阵内容输出的各种格式的例子
    inet_ntop4源代码实现
    两步随机接入机制的深度解析和未来增强
    Eureka Server配置
  • 原文地址:https://blog.csdn.net/weixin_47024018/article/details/126106819