Anglejs에 추가하기 위해 jQuery를 호출하는 방법은 무엇입니까? 타사 라이브러리 호출 및 Angular5에 jQuery 추가에 대한 세부정보

package.json 이 파일은 프로젝트에서 사용하는 타사 종속성 패키지를 나열합니다. 새 프로젝트를 만들 때 기본적으로 일부 패키지를 다운로드합니다. 이러한 패키지는 Angular에 포함되어 있으며 node_modules 디렉터리에 저장됩니다.

다음 사항에 유의해야 합니다.
package.json에는 종속성 개체와 devDependency가 포함되어 있습니다.
devDependency의 플러그인은 프로덕션 환경이 아닌 개발 환경에서만 사용되며, 종속성은 프로덕션 환경으로 릴리스해야 합니다.

두 가지 방법으로 종속성을 추가할 수 있습니다.
npm 설치 이름 –save는 설치할 종속성을 package.json의 종속성 개체에 작성하는 것입니다.
npm 설치 이름 –save-dev는 종속성입니다. package.json

의 devDependency 객체에 작성합니다. 다음은 Angle 환경에 minirefresh를 추가하는 예입니다. (자세한 내용을 보려면 PHP 중국어 웹사이트angularjs 학습 매뉴얼을 방문하여 학습하세요.)

1. npm install minirefresh --save

결과를 통해 확인할 수 있습니다.

처음에는 종속성이 없음을 확인하세요. npm install minirefresh --save 명령을 사용하면 자동으로 minirefresh를 다운로드하여 종속성에 추가합니다. 그러면 node_modules 디렉터리에 minirefresh 패키지가 있음을 알 수 있습니다.

2.angular-cli.json 파일(스타일 배열 및 스크립트 배열)을 수정합니다.

1、styles中就是我们要引入的css
2、scripts中就是我们要引入的js

구성은 다음과 같습니다.

3. 플러그인(.ts 파일)은 다음 명령문을 작성합니다. 선언 var $:any; 목적은 컴파일 오류를 방지하는 것입니다.

구성은 다음과 같습니다.

4. 위의 세 가지 플러그인은 다음과 같습니다. ngOnInit 메소드에서 정상적으로 사용됩니다.

jQuery 추가
1. npm install jquery --save / --save--dev

2.angular-cli.json 파일 수정:
"scripts": ["../ node_modules/jquery/dist/jquery.min.js"]

3. 설치 유형 설명 파일
Angular는 TypeScript 언어를 기본 코딩 언어로 사용하며, jquery는 기본적으로 javascript이므로 TypeScript를 직접 사용할 수 없습니다.
위 단계를 완료한 후에는 현재로서는 jquery를 직접 사용할 수 없습니다. 또한 TypeScript가 jquery를 인식할 수 있도록 먼저 유형 설명 파일을 설치해야 합니다.
즉시 실행:
npm install @types/jquery --save-dev

4. app.module에 jquery 파일을 도입하고 jquery 모듈을 추가하세요
즉, app.module의 'jquery에서 $로 import *를 추가하세요. .ts 파일 ';

이 글의 내용은 여기까지입니다. (자세한 내용을 보려면 PHP 중국어 웹사이트angularjs 학습 매뉴얼로 이동하여 궁금한 사항을 알아보세요.) 아래에 메시지를 남겨주세요

위 내용은 Anglejs에 추가하기 위해 jQuery를 호출하는 방법은 무엇입니까? 타사 라이브러리 호출 및 Angular5에 jQuery 추가에 대한 세부정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!