How to use WOW.js in Angular 2 Webpack?

Tuna Yagci

I know we need typings file for wow.js but I couldn't find it anywhere. Is there any other solution for loading this external js into webpack?

Yury Scherbakov

Do the following steps:

  1. Install exports-loader
        npm i exports-loader --save-dev
    
    
  2. Add to webpack.config.js this loader
        {
            test: require.resolve('wow.js/dist/wow.js'), 
            loader: 'exports?this.WOW'
        }
    
    
  3. Create typings.d.ts file in your typings folder:
        declare module "wow.js/dist/wow.js" {
            var noTypeInfoYet: any;
            export = noTypeInfoYet;
        }
    
    
  4. add import to your *.component.ts file
        import * as WOW from 'wow.js/dist/wow.js';
    
    
  5. Use it well!
        ngOnInit(){
            new WOW().init();
        }
    
    

Of course you can use your own webpack configuration without exports-loader, etc...

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

How to use wow.js on scrollable container

From Dev

Wow.js with webpack and react

From Dev

how to use angular2 with webpack

From Dev

Angular 2 - how to use scss with bootstrap 4 in testing using webpack

From Dev

how to use mongoose typings with angular 2 webpack starter

From Dev

How to use Webpack with Angular + templateCache?

From Dev

how to use pipe in angular 2 js?

From Dev

WOW.js + Query Loader 2

From Dev

how to use chart.js in webpack

From Java

How to use moment.js library in angular 2 typescript app?

From Dev

How use js library with jquery on angular2 (typescript)?

From Dev

how to use underscore.js library in angular 2

From Dev

how to use SheetJS (js-xlsx) in angular 2

From Dev

How to compile angular 2 webpack by keeping 'templateurl' as is

From Dev

How to add awesome on angular2 webpack

From Dev

How to include summernote editor to angular 2 webpack?

From Dev

How can I use Wow64GetThreadContext?

From Dev

How to use angular js with webstorm

From Dev

How to use rails webpack loaded js in js erb template

From Dev

Cannot use ng-bootstrap with Webpack and Angular2

From Dev

How to stop WOW JS + CSS animate on smaller devices?

From Dev

how can i work with wow.min.js in wordpress

From Dev

Wow js not working with scroll

From Dev

wow.js is not working

From Dev

Angular 2 webpack Systemjs.config.js script and css issue

From Dev

how to use ahead-of-time compiler with angular cli webpack

From Dev

how to use jquery in angular 2?

From Dev

How to use Less with Angular 2?

From Dev

How to use Protractor with Angular 2?