优化webpack打包后资源过大，首次加载缓慢问题(动态加载)

在我们做h5页面，打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。我们可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve 组件本身)：

路由懒加载后

通过对路由懒加载，可以在h5首次加载时明显优化处理，否则如果网速慢的情况下将非常影响用户体验。同时我们在打包生产时，不需要resource-map，可以去掉