Vue项目如何实现路由、Vuex模块及element按需加载的精细化配置？

本文共计1033个文字，预计阅读时间需要5分钟。

目录+路径的+VUEX模块+Element UI库按需加载的优雅写法+路由的+项目较大时，路由较多时，路由是一个不错的代码优化方案，按不同业务分为多个模块，结构清晰便于统一管理。

目录

• 路由的拆分
• VUEX模块拆分
• Element UI库按需加载的优雅写法

路由的拆分

项目较大路由较多时，路由拆分是一个不错的代码优化方案，按不同业务分为多个模块，结构清晰便于统一管理。

require.context() 是webpack提供的语法， 相当于前端的读写文件，返回的 files是一个函数，files.keys()执行，返回获取到的文件名(是一个数组)，再通过files(keys)获取到模块，取到default 属性，拿到真正的导出对象。