javascript - chart - ¿Cómo usar WOW.js en Angular 2 Webpack?

line chart bootstrap

Question

Sé que necesitamos el archivo de typings para wow.js pero no pude encontrarlo en ningún lado. ¿Hay alguna otra solución para cargar este js externo en el paquete web?

Answer 1

Haga los siguientes pasos:

1. Instalar export-loader

   npm i exports-loader --save-dev

2. Agregar a webpack.config.js este cargador

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

3. Crea el archivo typings.d.ts en tu carpeta de typings:

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

4. agregue importación a su archivo *.component.ts

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

5. ¡Úsalo bien!

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

Por supuesto, puede usar su propia configuración de paquete web sin exports-loader , etc ...