Vue:怎麼實現異步組件加載(按需加載)

原文:地址

有時候打包出來的js文件過大,嚴重影響訪問速度,這個時候我們就不得不考慮相關方法來提速,畢竟這可是會影響瀏覽量的。

如果只是針對這個問題的話,我們可以考慮以下兩方面:

  • nignx開啓gzip、緩存。
  • 文件再次拆分-異步加載

下面就主要說以下vue組件異步加載的方法:(測試所用的webpack:^4.12.0)

1.使用() => import();

2.使用resolve => require([’./_account’], resolve);

3. 使用Webpack 的內置語句: import(*);

4. require.ensure:

require.ensure([’./tab0.vue’], () => { resolve(require(’./tab0.vue’)) }, ‘tab0’)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章