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

Question

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

Answer 1

执行以下步骤：

1. 安装导出加载程序

       npm i 导出加载程序 --save-dev
   
   

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

       {
           测试： require.resolve('wow.js/dist/wow.js'),
           loader: '导出？this.WOW'
       }
   
   

3. 在您的打字文件夹中创建typings.d.ts文件：

       声明模块“wow.js/dist/wow.js”{
           var noTypeInfoYet：任意；
           导出 = noTypeInfoYet;
       }
   
   

4. 添加导入到您的*.component.ts文件

       从 'wo​​w.js/dist/wow.js' 导入 * 作为 WOW；
   
   

5. 好好利用它吧！

       ngOnInit(){
           新的WOW().init();
       }
   
   

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