index.htmlからのスクリプトの読み込みノードパッケージのインストール

Question

私はangular2の初心者です。これまで、アプリに外部CSS/jsを追加する2つの方法を知っています。 index.html

• で直接

  1. は、CDNまたはローカルファイルである可能性があります。

  npm install <package-name>
  • 注意を使用して外部NPMパッケージをインストール

  2. ：パッケージには、NPM

で利用可能である場合にのみ、私はどの外部JSを使用しようとしています作品今のところNPMでは利用できません。それで、それを追加しますindex.html

今、これは2つの部分の質問です。

1. はindex.htmlで外部リンクを追加していangular build --prod --aotに（とにかくそれはすでに超高速です）、ビルド時間を短縮？
2. 外部js/cssファイルを追加する2つの方法のいずれかを使用することで、アプリケーションの使用中にブラウザにパフォーマンスに影響を及ぼすか、パフォーマンスに影響はありませんか？

Answer 1

私がすでにコメントで述べたことを要約するだけです。

index.htmlにJSファイルを追加すると、ビルド時間が短縮されることがありますが、それはWebPackで除外されます。 WebPackはファイルをバンドルしており、デッドコードを削除したり、重複した依存関係を並べ替えたりしています。したがって、ノードパッケージとしてノードパッケージとしてインポートするという明確な利点があります。npm install

時にはこれができないことがあります。その後、index.htmlに追加する必要がありますが、これを利用する利点はありません。

あなたのパッケージがある場合はない NPM ではなく、GitHubの上で、あなたは簡単にGitHubのからそれをインストールすることができます。ここでjQueryレポ使用して小さな例：重要

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

は、あなたの代わりに木ののtarballを使用することです。これにより、jQueryがアプリケーションにインストールされます。