亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Vue+webpack實(shí)現(xiàn)懶加載過(guò)程解析

 更新時(shí)間：2020年02月17日 09:23:05   作者：歡樂(lè)之家  
這篇文章主要介紹了Vue+webpack實(shí)現(xiàn)懶加載過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

這篇文章主要介紹了Vue+webpack實(shí)現(xiàn)懶加載過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

實(shí)現(xiàn)方式：

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，因?yàn)閕mport只能出現(xiàn)在頁(yè)面頂部

具體實(shí)現(xiàn)：

第一種、

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

第二種、

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

第三種、

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論