Angular 2+에서 사용하지 않는 가져오기 및 선언을 제거할 수 있는 방법이 있습니까?

Angular 2+에서 사용하지 않는 가져오기 및 선언을 제거할 수 있는 방법이 있습니까?

마감되었습니다. 이 질문은 책, 도구, 소프트웨어 라이브러리 등에 대한 추천을 구하는 것입니다.충족되지 않습니다.스택 오버플로 지침입니다.현재 답변을 수락하고 있지 않습니다.

---

책, 도구, 소프트웨어 라이브러리 등에 대한 추천을 구하는 질문은 허용되지 않습니다.질문에 사실과 인용문으로 답변할 수 있도록 질문을 편집할 수 있습니다.

1년 전에 문을 닫았습니다.

이 게시물은 3개월 전에 편집되어 검토를 위해 제출되었으며 게시물을 다시 열지 못했습니다.

원래 종료 이유가 해결되지 않았습니다.

이 질문을 개선합니다.

Visual Studio Code의 플러그인 또는 가져오기 및 참조를 빠르고 효과적으로 정리하고 구성하는 데 도움이 될 수 있는 다른 방법이 있습니까?

예를 들어, 이런 수입품은 수백 개가 될 수 있습니다.

import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng';
import { ListboxModule } from 'primeng/primeng';

유사하게 변환될 수 있습니다.

import { AutoCompleteModule,
         InputSwitchModule,
         ListboxModule  } from 'primeng/primeng';

또는 app.module 또는 프로젝트 전체의 모든 구성 요소에서 사용되지 않은 가져오기 및 선언을 자동으로 제거하는 것과 같은 다른 기능이 있습니까?

피드백 감사합니다!

편집(댓글 및 다른 사용자에게 제안됨)은 Visual Studio Code에서 발전했으며 다음과 같은 기본 키보드 단축키를 사용하여 "가져오기 구성" 명령으로 이 기능을 기본으로 제공합니다.

optionMac용ShiftO

Alt Windows의O 경우 +

---

원답:

이 비주얼 스튜디오 코드 확장이 당신의 필요에 충분하기를 바랍니다: https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

다음과 같은 기능을 제공합니다.

• 프로젝트 또는 라이브러리 가져오기를 현재 파일에 추가
• 커서 아래에 현재 이름에 대한 가져오기 추가
• 하나의 명령으로 누락된 파일 가져오기를 모두 추가
• 기호를 제안하고 작성한 코드를 수정하는 "전구 기능" 가져오기를 자동으로 추가하는 인텔리센스
• 가져오기 정렬 및 구성(사용하지 않는 항목 정렬 및 제거)
• 열려 있는 TS/TSX 문서의 코드 개요 보기
• 자바스크립트를 위한 모든 멋진 것들! (실험 단계, 아래 더 나은 설명)

Mac의 경우:optiono ++

승리를 위한:Alto ++

시각적 스튜디오를 많이 사용하는 사용자는 기본 설정을 열고 다음을 설정에 추가하기만 하면 됩니다.json:

...
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.organizeImports": true
}
....

이것이 도움이 되기를 바랍니다!

Visual Studio Code Release 1.22부터는 확장 없이 무료로 제공됩니다.

Shift당신을AltO 돌볼 것입니다.

사용되지 않는 가져오기, 코드 또는 변수를 탐지하려면 tsconfig.json 파일에 이 옵션이 있는지 확인합니다.

"compilerOptions": {
    "noUnusedLocals": true,
    "noUnusedParameters": true
}

다음과 함께 설치하지 않는 경우, 유형 스크립트 컴파일러를 설치합니다.

npm install -g typescript

그리고 Vcode에 설치된 tslint 확장은 저에게 효과가 있었지만, 활성화한 후에는 특히 큰 프로젝트에서 CPU 사용량이 증가하는 것을 알게 되었습니다.

저는 또한 당신의 수입품을 정리하기 위해 타자기 영웅 확장을 사용하는 것을 추천합니다.

v및 v 이후 VSCode v.1.24 » TypeScript v.2.9 »Organize Imports추가됨:

Mac의 경우:ShiftO ++

승리를 위한:ShiftO ++

이 스레드에는 이미 많은 좋은 답변들이 있습니다!자동으로 이 작업을 수행하려는 모든 사람을 돕기 위해 이 글을 게시할 것입니다!프로젝트 전체에서 사용하지 않은 가져오기를 자동으로 제거하는 데 이 기사가 도움이 되었습니다.

기사에서 저자는 다음과 같이 설명합니다.

다음이 포함된 독립 실행형 tslint-imports.json 파일을 만듭니다.

{
  "extends": ["tslint-etc"],
  "rules": {
    "no-unused-declaration": true
  }
}

그런 다음 다음 명령을 실행하여 가져오기를 수정합니다.

 tslint --config tslint-imports.json --fix --project .

다른 오류가 발생할 경우 수정을 고려합니다. (제가 수정했습니다.)

그런 다음 프로젝트를 빌드하여 프로젝트 작업을 확인합니다.

ng build

또는

ng build name_of_project --configuration=production 

종료: 올바르게 빌드되면 가져오기가 자동으로 제거되었습니다!

참고: 이렇게 하면 불필요한 가져오기만 제거됩니다.앞서 언급한 명령 중 하나를 사용할 때 VS Code가 수행하는 다른 기능은 제공하지 않습니다.

언급URL : https://stackoverflow.com/questions/46722701/is-there-a-way-to-remove-unused-imports-and-declarations-from-angular-2