中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue+webpack實現懶加載過程解析

發布時間:2020-09-13 16:18:03 來源:腳本之家 閱讀:206 作者:歡樂之家 欄目:web開發

這篇文章主要介紹了Vue+webpack實現懶加載過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

實現方式:

1、webpack method

  require.ensure([''], callback, chunkName) ;

2、es6 motehod

  import()

  import().then()

  import(/* webpackChunkName: async-chunk-name */ /* webpackMode: lazy */ modulename)

  需要安裝bable插件 syntax-dynamic-import,因為import只能出現在頁面頂部

具體實現:

第一種、

var component = (resolve) => {
  import(/* webpackChunkName:'vendor'*/'組件路徑').then(module => {
    resolve(module)
  })   
}

第二種、

var component = (resolve) => {
  require(['組件路徑'], resolve) 
}

第三種、

var component = (resolve) => {
 require.ensure([], () =>{
    resolve(reauire('組件路徑'));
  }, chunkName)
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宜阳县| 潜山县| 曲松县| 邳州市| 无锡市| 东阳市| 建湖县| 汕尾市| 土默特左旗| 莱阳市| 黄陵县| 日照市| 囊谦县| 玉环县| 安仁县| 镇康县| 杭锦旗| 五寨县| 连江县| 伊川县| 稻城县| 凉山| 尉犁县| 子洲县| 徐汇区| 荣成市| 东辽县| 桦南县| 蛟河市| 屏边| 宜都市| 吉林省| 乌什县| 福贡县| 宣恩县| 涟水县| 基隆市| 公主岭市| 镇安县| 嫩江县| 齐河县|