时间戳

首页 > 解决方案 > 在 Typescript 中将相对导入转换为绝对导入

regex - 在 Typescript 中将相对导入转换为绝对导入

问题描述

将baseUrl属性设置为srcin.tsconfig允许我导入与以下baseUrl类似的模块：

import { ArrowRightIcon } from 'Shared/icons/navigation'

代替 ：

import { ArrowRightIcon } from '../../../Shared/icons/navigation'

问题

Find All由于任何 IDE 的功能都无法理解上下文，如何在我的应用程序中有效地将数以千计的此类相对导入转换为绝对导入？

目前，我必须将所有出现的../../../Shared/, ../../../../Shared/, 等等... 替换Shared/为src. 即使我在 的帮助下这样做，regex在示例号等情况下也无济于事。2 下面。

其他示例：

  1. import { getActiveTabIdx } from 'Shared/utils/shared.helpers'

代替import { getActiveTabIdx } from '../../../../../../../Shared/utils/shared.helpers'

  1. import { TabWithLink } from 'Shared/components/Header'

代替import { TabWithLink } from '../../components/Header'

  1. import { layoutReducer } from 'Layout/state/layout.reducer'

代替import { layoutReducer } from '../../Layout/state/layout.reducer'

我的目录结构是：

.
├── src
│   ├── Shared
│   │  ├── components
│   │  ...
│   ├── Notification
│   │  ├── components
│   │  ...
│   ├── Planning
│   │  ├── components
│   │  ...
│   ├── Behaviour
│   │  ├── components
│   │  ...
│   └── Layout
│   │  ├── components
│   │  ├── state
│   ...
...

当前安装版本：

  • 打字稿：4.2.4
  • VS代码：1.57.1

标签： regextypescriptvisual-studio-codeimport

解决方案

推荐阅读