一对一视频源码，如何将第三方库放在CDN 服务器？

一对一视频源码，如何将第三方库放在CDN 服务器？
通常一些比较出名的开源框架都会将打包后的源码放到一些比较出名的,免费的CDN服务器上:

1、国际上使用比较多的是unpkg,JSDelivr,cdnjs;
2、国内也有一个比较好用的CDN是 bootcdn

在项目中,我们如何去引入这些CDN呢?

第一,在打包的时候我们不需要对类似于ladash或者dayjs 这些库进行打包;
第二,在html模块中,我们需要自己加入对应的CDN服务器地址;

具体用法:
第一步:我们可以通过webpack配置,来排除一些库的打包:

externals: {
lodash: "_",
// key 属性名: 排除的框架的名称
// value值: 从CDN地址 请求下来的js 中提供的对应的名称
dayjs: "dayjs"
}

第二步: 在html 模块中,加入CDN服务器地址:

<script src="https://cdn.jsdelivr.net/npm/dayjs/dayjs.min.js"></script>
`< script src="https://cdn.bootcss.com/lodash.js/4.17.15/lodash.core.min.js">< /script >`

以上就是一对一视频源码，如何将第三方库放在CDN 服务器？， 更多内容欢迎关注之后的文章