什么是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>