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

  • 相关阅读:
    『德不孤』Pytest框架 — 11、Pytest中Fixture装饰器(一)
    稳定好用的短连接生成平台,支持API批量生成
    2022-2028年全球与中国工程夯锤市场现状及未来发展趋势分析报告
    OpenCvSharp从入门到实践-(06)创建图像
    Linux——线程(3)
    用DFS方法解决不定项列举问题
    【HTML】元婴篇
    【论文阅读】 Dimensionality reduction for large-scale neural recordings
    C++ 简易日志类封装
    日期类完善
  • 原文地址:https://blog.csdn.net/weixin_47024018/article/details/126106819