angular cli 에서 jquery 사용하기

JQuery 로 할 수 있는 일을 angular 2 로 대부분 할 수 있다. 따라서, 보통은 Angular 2와 JQuery를 함께 사용해야할 이유가 없다.  하지만, 특수한 상황에서 JQuery를 Angular2로 불러와서 사용해야한다면 다음과 같은 방법으로 가능하다.

Angular2 에서 JQuery 사용하기

//프로젝트 루트 폴더 위치에서 명령프롬프트에 다음 명령을 수행. 
// jquery 설치
$ npm install jquery --save
// jquery typescript autocomplete 설치
$ npm install @types/jquery --save-dev

./angular-cli.json 파일을 열고 scripts 프로퍼티를 수정한다.

// "scripts": [ ] 안에 다음을 추가
"../node_modules/jquery/dist/jquery.min.js"

JQuery 불러오기

// 불러올 때는 다음과 같이...
import $ from 'jquery/dist/jquery';

 

 

 

 

댓글 남기기