如何在Angular 2 Webpack中使用WOW.js？

Question

我知道我们需要wow.js的打字文件，但我无法在任何地方找到它。是否还有其他解决方案可以将此外部js加载到webpack中？

Answer 1

执行以下步骤：

1. 安装exports-loader

   
       npm i exports-loader --save-dev
   
   

2. 添加到webpack.config.js此加载程序

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

3. 在您的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();
       }
   
   

当然，您可以使用自己的webpack配置而不使用exports-loader等等...