vue 项目优化之第三方模块/库/组件-cdn

vue 项目优化第三方模块/库/组件-cdn

cdn引入外部资源 注册windows对象

  1. 常用cdn地址:

https://cdn.bootcss.com
https://cdn.jsdelivr.net
https://cdn.staticfile.org/模块/版本/文件名.min.js

  1. 常用cdn与导入BOM对像名称
组件/库文件名名称(默认)cdndescribe
vueVuehttps://cdn.bootcss.com/vue/2.6.10/vue.min.jsvuejs库文件
vue-routerVueRouterhttps://cdn.bootcss.com/vue-router/3.1.3/vue-router.min.jsvue路由
axiosaxioshttps://cdn.staticfile.org/axios/0.19.0/axios.min.js异步请求
momentmomenthttps://cdn.bootcss.com/moment.js/2.24.0/moment.min.js时间日期处理模块
echartsechartshttps://cdn.bootcss.com/echarts/4.3.0/echarts.min.js图表统计模块
vue-quill-editorVueQuillEditorhttps://cdn.jsdelivr.net/npm/vue-quill-editor@3.0.6/dist/vue-quill-editor.min.jsvue富文本编辑器
lodash_https://cdn.bootcss.com/lodash.js/4.17.15/lodash.min.js数据集合处理模块
nprogressNProgresshttps://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js进度条插件

持续更新中……

注意:

  • cdn导入BOM中对象名称有默认值,为资源贡献者定义
  • vue项目使用cdn优化第三方模块/插件,webpack配置中externals键值对:键为cdn导入文件名,值为资源贡献者提供。配置不正确,项目打包运行会报模块或者插件未定义(undefine)
  • cdn 导入BOM对象挂载在顶级对象windows下,默认windows可省略。
  • cdn 导入BOM对象默认名字判断方法一:多个单词以‘-’连接 ,名称通常为文件名大驼峰命名;单个单词首字母大写或者小写;
  • cdn 导入BOM对象名称判断方法二:f12控制台->console->windows.查看
  • cdn 导入BOM对象名称判断方法三:查看源文件

如有问题或者补充,欢迎留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gaog2zh

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值