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