如何在 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.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，等等...