从index.html Vs Node Package加载脚本安装

Question

我是angular2的新手，到目前为止我知道有两种方法可以将外部css / js添加到app中。

1. 直接在index.html

   • 可以是CDN或本地文件。

2. 使用npm install <package-name>

   安装外部npm包
   • 注意：仅当包装在NPM中可用时才有效

我正在尝试使用NPM目前无法使用的外部js。因此，将在index.html

中添加它

现在，这是一个两部分问题。

1. 在index.html中添加外部链接是否会减少angular build --prod --aot中的构建时间（无论如何它已超快）？
2. 通过使用添加外部js / css文件的两种方式中的任何一种，在使用应用程序时是否会对浏览器产生任何性能影响，或者它对性能没有影响？

Answer 1

Just to recap what I already said in the comments.

Adding the JS file into the index.html may reduce your build time, but it will exclude it from being watch by WebPack. WebPack is bundling you files and also removed dead code or sorts out duplicated dependencies. So there is a definite advantage of importing it as node package using the npm install

But sometimes this is just not possible. Then you need to add it to your index.html, but you won't have any advantage out of this.

If your package is not on npm but on GitHub then you can easily install it from GitHub. Here a small example using the jQuery repo：

npm install https://github.com/jquery/jquery/tarball/master --save

重要的是，您使用 tarball 而不是树。这将在您的应用程序中安装jQuery。