关于包安装的角度新手问题

Posted 2021-04-12

我提出这个问题是因为我正在使用“bootstrap-select”来使用Bootstrap 4，但这是一个相当普遍的概念性问题。我们走吧：

安装软件包和在html中引用其css / js之间的区别是什么？我们以bootstrap-select为例：

我可以将下面粘贴的引用放在index.html中并且bootstrap-select将起作用（或者至少它应该）但是我也可以使用“npm install bootstrap-select”来安装包，那么这两种方法之间的区别是什么呢？它是其中之一，足以使包装工作？这两个步骤都需要吗？什么是最佳做法？

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.js" />

另一个例子，文档说bootstrap-select需要Popper，所以它足以将下一个脚本引用添加到index.html，或者我应该通过npm install popper安装popper？或者我应该两个都做？

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" />

答案

据我所知，最佳做法是安装并进入node_module。我的理由是

1. 您需要在加载应用程序时连接到Internet（当您在intraNet中运行时，不会加载程序包。
2. 您可能永远不知道软件包CND何时更新，并且您可能在更新后遇到一些问题。

随意纠正我:)

另一答案

你建议使用angular.cli.json（angular version 4）和angualr.json（angular 5）而不是声明index.html中的js文件，这样可以保持你的代码干净。通过npm安装很容易，也减少了js版本更新的工作量。