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

Angular 2 CLI - 3rd party JS plugins lazy loading

本文关键字：插件 延迟加载 JS 第三方 CLI- Angular      更新时间：2023-09-26

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文件将被动态包含。如何做到这一点？

感谢

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

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

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

<script src="/WOW.js"></script>
相关文章：