javascript - 在 Angular2 中添加外部库

Question

我正在开始我的 Angular2 冒险，我已经阅读了很多教程，但有一点我担心。假设我们有两种 View - 一种带有报告，另一种带有上传图像。

第一个 View 将由'ReportComponent'处理，在html模板上它将使用'Chart.js'库
第二个 View 将由'UploadMediaComponent'处理，在html模板上它将使用'Dropzone.js'

如何在 html 中包含这个 javascript 库？在大多数教程中，我读过的唯一解决方法是在index.html页面中包含两个库(这与单页面应用程序模式一致)。但另一方面 - 我们是否真的需要一次加载数百个外部库并开始加载应用程序，即使我们只需要在一个 View (一个组件)中使用它？假设我只需要在一个 View 上使用 'Dropzone.js'，我是否需要在客户端的每个 html View 上加载它？

Answer 1

您可以在 angular-cli.json 配置文件中添加文件。

示例:

 "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/tether/dist/js/tether.js",
    "../node_modules/bootstrap/dist/js/bootstrap.js",
    "../node_modules/highcharts/highcharts.js",
    "../node_modules/chart.js/dist/Chart.js",
    "../node_modules/chart.js/dist/Chart.min.js"    

    ]

直接添加所有JS构建将生成脚本捆绑版本，不需要任何导入