webpack(八)之CDN

什么是CDN?

CDN称为内容分发网络(Content Delivery Network)

他是指通过相互连接的网络系统,利用最靠近每个用户的服务器;

更快,更可靠的将音乐,图片,视频,应用程序以及其他文件发送给用户;

来提供高性能,可扩展性以及低成本的网络内容传递给用户

在开发中,使用CDN主要有两种方式:

1. 打包所有的静态资源,放到CDN服务器,用户所有资源都是从CDN加载

2. 一些第三方资源放到CDN服务器上

 

使用CDN

1.在打包的时候不再对类似于lodash或者dayjs这些库进行打包

2.在html模板中,需要自己来加入对应的CDN服务器地址

第一步:通过webpack来排除库的打包

externals: {
    lodash: "-",
    dayjs: "dayjs"
}

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

<script src="https://cdn.jsdelivr.net/npm/lodash@xxx/lodash.min.js"></script>

 

webpack(八)之CDN

上一篇:MVC和三层架构之间的关系


下一篇:go学习 06 结构体变量与json字符串互相转换