1.0.1 • Published 2 years ago
cdn-proload v1.0.1
cdn-proload 备用资源加载器
功能
多个cdn资源引用加载器。若前面cdn挂掉则自动引用下一个cdn资源。若加载成功,停止该资源的加载。
可避免某个cdn资源挂掉造成的问题。
可加载css 及 js 资源。其它资源暂无处理(如图片,视频等资源, 后续可能更新)
使用方法
// 引用
npm i cdn-proload -S
/*
*基本使用:
*第一个参数为所要加载的资源列表,以对象的形式
*第二个参数为资源加载完成的回调,用于资源加载完成后做某些初始化处理(1.非必须 2.一般用于js资源的引用)
*/
import Proload from 'cdn-proload'
new Proload({
vuetifyCss: ["https://cdn.staticfile.org/vuetify/2.2.20/vuetify.min.css", "https://cdn.bootcdn.net/ajax/libs/vuetify/2.4.0/vuetify.min.css", "./css/vuetify.min.css"],
elementCss: ["https://unpkg.com/element-ui/lib/theme-chalk/index.css", "https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/theme-chalk/index.min.css", "https://cdn.staticfile.org/element-ui/2.15.3/theme-chalk/index.min.css", "./css/element-ui.min.css"]
}
})
import Proload from 'cdn-proload'
new Proload({
Vue: ["https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js","https://2cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js", "https://cdn.staticfile.org/vue/2.6.11/vue.min.js", "./js/vue2-6-11.min.js"],
VueRouter: ["https://cdn.bootcdn.net/ajax/libs/vue-router/3.2.0/vue-router.min.js", "https://cdn.staticfile.org/vue-router/3.2.0/vue-router.min.js", "./js/vuerouter3-2-0.min.js"],
Vuetify: ["https://cdn.staticfile.org/vuetify/2.2.20/vuetify.min.js", "https://cdn.bootcdn.net/ajax/libs/vuetify/2.2.20/vuetify.min.js", "./js/vuetify-2-2-20.min.js"],
Element: ["https://cdn.staticfile.org/element-ui/2.15.3/index.min.js", "https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/index.min.js", "./js/element.2-15-3.min.js"],
}, {
Element() {
console.log("element 加载完成")
},
Vue() {
console.log("vue 加载完成")
},
Vuetify() {
console.log("Vuetify 加载完成")
window.Vuetify = new Vuetify({
icons: {
iconfont: 'mdi',
},
})
}
})