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

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

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

1. 常用cdn地址：

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

2. 常用cdn与导入BOM对像名称

组件/库文件名	名称（默认）	cdn	describe
vue	Vue	https://cdn.bootcss.com/vue/2.6.10/vue.min.js	vuejs库文件
vue-router	VueRouter	https://cdn.bootcss.com/vue-router/3.1.3/vue-router.min.js	vue路由
axios	axios	https://cdn.staticfile.org/axios/0.19.0/axios.min.js	异步请求
moment	moment	https://cdn.bootcss.com/moment.js/2.24.0/moment.min.js	时间日期处理模块
echarts	echarts	https://cdn.bootcss.com/echarts/4.3.0/echarts.min.js	图表统计模块
vue-quill-editor	VueQuillEditor	https://cdn.jsdelivr.net/npm/vue-quill-editor@3.0.6/dist/vue-quill-editor.min.js	vue富文本编辑器
lodash	_	https://cdn.bootcss.com/lodash.js/4.17.15/lodash.min.js	数据集合处理模块
nprogress	NProgress	https://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对象名称判断方法三：查看源文件

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