Wie benutzt man WOW.js im Angular 2 Webpack?

Question

Ich weiß, wir brauchen Typisierungsdatei für wow.js, aber ich konnte es nirgendwo finden. Gibt es eine andere Lösung, um diese externe js in das Webpack zu laden?

Answer 1

Führen Sie die folgenden Schritte aus:

1. Installieren exports-loader

    
   
       npm i exports-loader --save-dev 
   
   

2. zu webpack.config.js Fügen Sie diese loader

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

3. Erstellentypings.d.ts-Datei in Ihrem Ordner Typisierungen:

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

4. Importparameteraddierroutine auf Ihre *.component.ts Datei

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

5. Verwenden Sie es gut!

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

Natürlich können Sie Ihre eigene webpack Konfiguration ohne exports-loader, etc ...