Vue如何简化封装import导入路径

为什么要简化import导入

1. 项目层级过多 或在大量使用或导入路径的时候, 会写的非常的长
2. 打个比方 其实有10个vue文件 , 每个文件都需要这样导入来拿内容( 头疼啊 )

// 一个vue文件引入这么多 又这么长 确实增加的代码的负担
 import { xxx } from '../store/modules/user.js'
 import { xxx } from '../store/modules/message.js'
 import { xxx } from '../store/modules/mine.js'

如果可以简化每个vue文件中的代码是不是很好呢 , 比如在一个vue文件中 , 我想直接引入根目录就可以导入所有的呢?

    import { xxx,xxx,xxx } from '../store'

使用场景

目录：


代码：
index.js:

具体引用：