异步组件的使用

 webpack打包后的dist目录中,没有异步组件的情况下,在首次加载页面时app.js会把所有页面的js全部加载出来,浪费性能

异步组件的使用_第1张图片

 使用异步组件,会把每页的js文件单独分出来,点击那个页面就加载哪个页面的js,提升性能

如下,首页是1.js

异步组件的使用_第2张图片

 列表是2.js

异步组件的使用_第3张图片 当然,只有当app.js打包后很大至少超过1MB的时候,才适合使用

否则http请求的代价损耗高于文件大小带来的代价损耗就得不偿失了

你可能感兴趣的:(开发,javascript,开发语言,ecmascript)