從index.html加載腳本Vs節點包安裝

Question

我是新手到angular2，到目前爲止我知道2種方式添加外部css/js到應用程序。

1. 直接在index.html

   • 可能是一個CDN或本地文件。

2. 安裝使用npm install <package-name>

   • 注意外部NPM包：僅工作如果包可在NPM

我想使用一個外部JS這到目前爲止在NPM中不可用。所以，將它添加到index.html

現在，這是一個兩部分問題。

1. 是否在index.html增加外部鏈接降低angular build --prod --aot建造時間（反正它已經超快速）？
2. 通過使用添加外部js/css文件的兩種方式中的任何一種，在使用該應用程序時瀏覽器中是否會有任何性能影響，或者它對性能沒有影響？

Answer 1

只是想回顧一下我在評論中已經說過的話。

將JS文件添加到index.html可能會縮短您的構建時間，但它會阻止它被WebPack監視。 WebPack捆綁您的文件，並刪除死代碼或排除重複的依賴關係。因此，使用npm install

將其作爲節點程序包導入是有一定優勢的，但有時這是不可能的。那麼你需要將它添加到你的index.html中，但是你不會有任何優勢。

如果你的包是不是上 NPM 但在GitHub上，那麼你可以很容易地從GitHub安裝。這裏一個小例子使用jQuery回購：

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

重要的是你，而不是使用的壓縮包樹。這會在你的應用程序中安裝jQuery。