缩短ES2015导入路径

Question

我正在开发一个大型 ES2015 项目，该项目有很多引用深层目录结构中的库的导入语句。目前，进口形式为

import Status from '../../../Scripts/core/components/Status';
//import ...

除了更改源文件的位置之外，是否有任何解决方法可以缩短导入路径的长度？

编辑：我使用 babel-loader 和 webpack 来编译模块。

Answer 1

您还可以用来resolve.alias处理可能移动的根：

resolve: {
  alias: {
    importName: 'actual/path/here',
    '__another_alias__': 'another/path'
  }
}

然后您可以将其用作：

import someImport from 'importName';
import anotherImport from '__another_alias__/sub/path';