vue 组件异步加载(按需加载)

有时候打包出来的js文件过大,严重影响访问速度,这个时候我们就不得不考虑相关方法来提速,毕竟这可是会影响浏览量的。

如果只是针对这个问题的话,我们可以考虑以下两方面:

  • nignx开启gzip、缓存。
  • 文件再次拆分-异步加载

下面就主要说以下vue组件异步加载的方法:

页面效果


20181105202756344.png

1.使用() => import()

代码:

20181105203257296.png

打包:

20181105203017982.png

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

20181105203556813.png

3. 使用Webpack 的内置语句: import(*)

20181105203846957.png

在tabs的change事件中按需加载

4. require.ensure

require.ensure([’./tab0.vue’], () => { resolve(require(’./tab0.vue’)) }, ‘tab0’)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容