包含Angular2 / Angular4 CLI外部库

Question

使用以下方法将外部脚本包含在Angular应用程序中（示例中使用externalLib.js）有什么区别，好处，优点和缺点：

1. 通过脚本将脚本引用直接包含在index.html文件中 标签：
   <script src="../node_modules/jquery/dist/jquery.js"></script>

2. 在angular-cli.json数组中的scripts文件中设置库的路径：
   "scripts": [ "../node_modules/path/to/lib/externalLib.js"]

3. 在资源文件夹

中加入externalLib.js个文件

此外，上述任何方法是否都支持强类型库（即自动处理externalLib.d.ts？

感谢您的帮助。

Answer 1

1. 节点模块文件夹不在您的输出中，因此您引用js文件的路径无效。因此，您需要在每次构建后更改所有此文件路径。
2. 如果您运行build命令，则此部分中的所有文件定义将捆绑到输出中的一个文件。
3. 这将在您的构建输出中的资源文件夹中包含您的js文件，因此需要单独引用。没有捆绑此类文件。