Angular 2 CLI - 第三方JS插件延迟加载

时间:2016-11-08 09:34:32

标签: javascript angularjs angular lazy-loading angular-cli

https://github.com/ocombe/ocLazyLoad

我已经将它用于Angular 1,是否有任何替代插件可以用于Angular 2?我希望将第三方 Javascript 插件按需(延迟加载)包含到我的Angular 2项目中。到目前为止还没有成功。

我目前正致力于Angular CLI。我试图在angular-cli.json文件中包含,包括jquery似乎工作。但我认为这是全球负荷。

  "styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.js"
  ],

假设我想在该页面中添加一个包含WOW.js插件的页面。我应该调用一个在其中启动WOW.js的组件,然后动态包含WOW.js文件。怎么做?

由于

1 个答案:

答案 0 :(得分:0)

您可以在angular-cli.json配置文件中将WOW.js文件添加到资源中。

"assets": [
    "pathToYourPlugin/WOW.js"
  ],

然后在您的组件中添加一个脚本标记以导入您的库。

<script src="/WOW.js"></script>