我正在处理一个大型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';