我正在处理一个大型ES2015项目,该项目具有许多导入语句,这些语句引用了深层目录结构中的库。目前,进口采取的形式是

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


除了更改源文件的位置以外,是否有其他解决方法可以缩短导入路径的长度?

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

最佳答案

您还可以使用resolve.alias处理可能移动的根:

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


然后可以将其用作:

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

09-28 10:37
查看更多