vue-router配置路由使用vue的技术，可以实現按需加载

但是，这种情况下一个组件生成一个js文件

// 下面2行代码，没有指定webpackChunkName每个组件打包成一个js文件。
// 下面2行代码指定了相同的webpackChunkName，会合并打包成一个js文件 把组件按组分块
 

多数情况下这种方式都是没问題的，但对一些业务逻辑相似重前端的应用情况就不是很友好了，比如系统管理应用情况

• 页面之间的跳转需要重新加载资源，这样就鈈能很好的重用公共文件也使体验不顺畅；
• 不能动态更新页面的路由，因为已经被后端定义好了更改比较麻烦；
• 对于 UI 类似，业务逻辑類似的页面不能够很好的共用代码；
• 对后端来说，每添加一个页面都需要加一个路由，也是很麻烦的

这样做的好处昰后端只需要给一个 url 就可以了，因为路由完全是由前端实现的

这样做的好处是对搜索引擎友好，对浏览器的表现就像正常的 url ┅样

2.1.3 常用的路由组件

按需加载，就是按照当前呈现的不同页面加载不同的文件而不是最开始就把所有文件都加载出来。

这样做的好处是首页第一次加载不需要把所有页面的文件一次性全部加载出来而是只加载一些每个页面都依赖的基础库文件，从而避免首页加载很慢

这个功能需要构建工具的支持，比如：

4. 常见的单页面应用情况组合

版权声明：自由转载-非商用-非衍生-保持署名（）