javascript - 缩短 ES2015 导入路径

Question

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

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

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

编辑:我正在使用带有 webpack 的 babel-loader 来编译模块。

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';