小编nem*_*eme的帖子

ESLint 插件导入未正确排序

我正在尝试对我的 Angular 应用程序中的导入进行排序。我安装并配置了eslint-plugin-import但它似乎不起作用或者我做错了什么

我想像这样对导入进行排序:

  1. 所有角度导入
  2. 所有 RxJS 导入
  3. 所有其他库(还没有正确的模式)
  4. 我的内部图书馆
  5. 组件的所有相对路径(fe.../组件、./组件)

在这个示例中,我以随机顺序使用带有虚拟导入的现有组件来检查 eslint --fix 是否有效。我把它粘贴在下面:

import { Observable } from 'rxjs';
import { Injectable } from '@angular/core';
import {
    SomeComponentOne,
    SomeComponentTwo,
    SomeComponentThree,
    SomeComponentFour,
} from '@internal-library';
import { SomeModelOne } from './model/some-model-one';
import { SomeModelTwo } from './model/some-model-two';
import { SomeModelThree } from './model/some-model-three';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatTooltipModule } from '@angular/material/tooltip';
import { TranslateModule } from '@ngx-translate/core';
import { SomeComponentOne } from './components/some-component-one'; …
Run Code Online (Sandbox Code Playgroud)

typescript eslint angular eslint-plugin-import

7
推荐指数
1
解决办法
5030
查看次数