Angular 2 WebpackでWOW.jsを使用するには？

Question

私はwow.jsの入力ファイルが必要だと知っていますが、どこにも見つかりませんでした。 Webpackにこの外部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.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. にインポートを追加するだけでなく、それを使用してください！など あなたがexports-loaderせずに、独自のWebPACKの構成を使用することができます。もちろん、

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

、...