Question

方案

我目前正在开发一款复杂程度越来越高的Angular2应用。为了解决这个问题，我们将应用程序划分为Angular模块。

问题

当我从另一个Angular模块中的一个模块使用TypeScript类时，WebStorm会自动引用完整的文件位置。每按一次 Tab 键

，我就会得到这个

// main.component.ts
import {class1} from "../otherModule/folder/class1";
import {class2} from "../otherModule/folder/class2";

这里是目录结构，每个文件夹都包含一个引用其中文件夹的索引桶。

mainModule/
-main.component.ts
-main.module.ts

otherModule/
-folder/
--index.ts
--class1.ts
--class2.ts
-index.ts
-other.module.ts

理想的解决方案

理想情况下，当我按 Tab 键时，我想让WebStorm自动仅引用模块名称。这样我就可以在模块中更改类的位置，而不必担心依赖引用。

import {class1, class2} from "../otherModule";

这个功能似乎是可行的，因为它适用于Angular核心功能和其他npm模块。

import {Component, OnInit, OnDestroy} from "@angular/core";

非常感谢任何帮助我指明正确方向的帮助。

Answer 1

您需要打开文件|设置 |编辑 |代码风格 | Typescript（导入选项卡）设置并启用选项[使用目录导入]

注意：需要 WebStorm 2017.2 或更高版本