CDN原理

定义:项目中使用到的第三方库在项目打包的时候会一并的合并到项目中间去,但是第三方库的代码一般不会怎么的改变,一起合并到项目中间会增加文件的大小,这个时候就可以使用CDN来进行优化,打包的时候不合并第三方库,项目中的第三方库改用CDN来载入,就是每一个第三方库改用网络地址;
使用方法:(使用CDN地址载入第三方模块,告诉打包工具忽略这些库,不打包,《国内使用的比较多的是bootCDN,可以这么来理解他,他就是一台第三方的服务器,将所有的第三方包放在它的上面,只要到它的上面去引用就可以了》)
1.在public/index.html中引入相关的网络资源,
2.写一个vue.config.js告诉打包工具忽略这些库,不打包;(这个文件写在项目的根目录下面,名字是固定的,不能够乱写)
moudle.exports = {
//暴露出去的设置
configureWebpack:{
//忽略的模块名
externals:{
//左边是模块的名字 标准名字
//右边是在代码中使用的名字
vue: “Vue”,
vuex: “Vuex”,
“vue-router”:“VueRouter”,
//饿了吗UI 内部使用的名字ELEMENT
“element-ui”: “ELEMENT”,
axios:“axiox”,
moment:“moment”,
}
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值