1.0.1 • Published 2 years ago

cdn-proload v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

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',
          },
        })
      }

    })