<progress id="nc499"><pre id="nc499"><rt id="nc499"></rt></pre></progress>

<dd id="nc499"><track id="nc499"><dl id="nc499"></dl></track></dd>
  • <nav id="nc499"></nav>

    <span id="nc499"></span>

    vue-cli3 使用cdn引入js

    來源:簡書【柚子胖雞_】 2021-04-07 18:36:13
    日常檢查,發現我司一頁面首屏打開耗時10s+,于是研究了一下,改了下js文件的引入方式,速度快了4倍有余??!

    vue-cli2 使用cdn引入js

    vueelement-ui 為例

    1. index.html引入

    我開始把 <script> 放在 <body>外了,打包版的白屏了;
    <link  rel="stylesheet">
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    <script src="https://unpkg.com/element-ui@2.9.2/lib/index.js"></script>

    2. vue.config.js配置

    element-ui的cdn全局變量名稱就是 ELEMENT,不要隨意改,否則會報 element-ui undefined 之類的錯誤;總之就是要用對的變量名稱,不知道的話去源碼查一下;
    configureWebpack: {
      externals: {
        'vue': 'Vue',
        'element-ui': 'ELEMENT'
      }
    }

    3. main.js使用

    入口文件 main.js 里importvue 和 element-ui,剩下的就沒差了;
    import Vue from 'vue'
    import ElementUI from 'element-ui'
    Vue.use(ElementUI)

    最后

    從外部引入cdn的大致方法就是如此了,可能因項目而異,祝君順利吧~
    原文出處:https://www.jianshu.com/p/69da908534ee
    版權聲明:本文來源地址若非本站均為轉載,若侵害到您的權利,請及時聯系我們,我們會在第一時間進行處理。
    vue