如何使用 Webpack 在 Angular 4 中添加第三方库？答案

【问题标题】：How to add third party libraries in Angular 4 using Webpack?如何使用 Webpack 在 Angular 4 中添加第三方库？
【发布时间】：2017-09-29 08:43:02
【问题描述】：

我最近尝试使用 Webpack 将 js 库（例如图表或数据表）添加到我的 Angular 4 项目中，但我遇到了困难。我成功地将 npm 库中的 js 库添加到我的项目中，它们列在 node_modules 文件夹和 package.json 文件中。

问题似乎是允许使用打字稿库但不允许使用 js 库。我尝试先在 app.module.ts 中导入一个 js 库，然后在 NgModules 中，然后在正确的组件中，它不起作用。然后我尝试将它导入 angular-cli.json 文件的脚本表中，它也不起作用。

您能否告诉我，例如，您将如何在 Angular 4 组件中注入第三方库？

【问题讨论】：

【解决方案1】：

如前所述，这个问题过于宽泛。通常，如果它是一个非 Angular 特定的 js 库，那么您将通过 angular.json 文件导入它。如何触发该库完全取决于该库的操作方式。

【讨论】：