angular cli 및 jQuery 플러그인

Question

플러그인 Angular CLI 1.5.5와 함께 jquery tooltipster 플러그인을 사용하려고하는데 몇 가지 어려움이 있습니다. 기본적으로, 내 코드는 다음과 같습니다 : 콘솔에서, 내가 할 그런

import * as $ from 'jquery'; 
import 'jquery-tooltipster/js/jquery.tooltipster.min'; 

... 

$(this.itemRef.nativeElement).tooltipster({ 
    position: "bottom" 
}); 

jquery.tooltipster.min.js:1 Uncaught ReferenceError: jQuery is not defined

나는 "JQuery와 - tooltipster"가 "jQuery를"확장하려고하기 때문에 그것의 이해 (글로벌 하나) 그리고 그것을 발견하지 못했지만, 나는 그것을 어떻게 성취 할 것인지 잘 모른다. 나는 ng eject을 사용하여 webpack.config 파일을 얻고 ProvidePlugin을 사용할 수 있다고 생각하지만 구성을 꺼내지 않고 대신 angular-cli.json으로 작업하고 싶습니다.

ng-cli에서 jQuery 플러그인을 만들 수있는 방법이 있습니까? 아니면 구성을 추출해야합니까?

Answer 1

여러 가지 방법이 있습니다. 당신은 단지 .angular-CLI에 index.html을 또는 스크립트 섹션에 jQuery를하고 플러그인 JS 파일을 포함하고 다음

declare var $ : any; 

그렇지 않으면 jQuery를 사용하는 코드에서 그 라인을 가질 수 있습니다, 당신은 jQuery를 가져 오기를 시도 할 수 있습니다 입력

npm install @types/jquery --save-dev 

의