vue 项目优化第三方模块/库/组件-cdn
cdn引入外部资源 注册windows对象
- 常用cdn地址：
https://cdn.bootcss.com
https://cdn.jsdelivr.net
https://cdn.staticfile.org/模块/版本/文件名.min.js
- 常用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/[email protected]/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对象名称判断方法三：查看源文件
如有问题或者补充，欢迎留言
