Angular 2 Webpack에서 WOW.js를 사용하는 방법은 무엇입니까?

Question

wow.js에 타이핑 파일이 필요하다는 것을 알고 있지만 어디서나 찾을 수 없습니다. 웹팩에이 외부 js를로드하는 다른 솔루션이 있습니까?

Answer 1

다음 단계를 수행합니다

1. 이 exports-loader

    
   
       npm i exports-loader --save-dev 
   
   

2. 이 로더

    
   
       { 
        test: require.resolve('wow.js/dist/wow.js'), 
        loader: 'exports?this.WOW' 
       } 
   
   

3. 에게 webpack.config.js에 추가 설치당신의 typings 폴더에 typings.d.ts 파일을 만듭니다

    
   
       declare module "wow.js/dist/wow.js" { 
        var noTypeInfoYet: any; 
        export = noTypeInfoYet; 
       } 
   
   

4. 추가 수입을 당신의 *.component.ts 파일에

    
   
       import * as WOW from 'wow.js/dist/wow.js'; 
   
   

5. 잘 사용!

    
   
       ngOnInit(){ 
        new WOW().init(); 
       } 
   
   

당신이 exports-loader없이 자신의 웹팩 구성을 사용할 수 있습니다 물론, 등의

...