请问如何解决深层目录引用的问题[前端]

[xjdata]

import {foo,bar} from '../../../../foo/bar/models/foobar'

项目结构按功能划分的。某个页面需要用到上方的组件，因为自身已经有很多层的目录了。

有什么办法简单点吗？谢谢。

[yesmeck]

两个方案：

1. https://github.com/michaelzoidl/babel-root-import

2. 配置 webpack 的 resolve.root http://webpack.github.io/docs/configuration.html#resolve-root 或者 resolve.modulesDirectories

[yesmeck]

这个也可以 https://github.com/jshanson7/babel-resolver

[xjdata]

谢谢！