npmを使用してWebページにスクリプトを含めるときのワークフローは何ですか？

Question

このことをお勧め多くのJSライブラリやフレームワーク（例えば、jqueryの）があります。これはあなたのfooディレクトリが存在することになるしたnode_modulesディレクトリを与える

npm install foo 

が。 Webページでの使用を目的としたほとんどのJSライブラリでは、使用できる必要なJSファイルで構成されたdistディレクトリがあります。

私は今や<script src="/node_modules/foo/dist/foo.js">のようなものをJSに含めることができますが、それを行う単一のウェブサイトは見つかりませんでした。もちろん、このフォルダはjsのようなものにシンボリックリンクされていて、それはjs/foo/dist/foo.jsとして使用できますが、これが良いアイデアかどうか、あるいはそれが現実のものであるかどうかはわかりません。

私には、オンラインソースからスクリプトをコピーしてプロジェクトレポジトリに入れておくのは良い考えですが、自動パッケージ管理の利点は失われています。

node.jsベースのサーバー側アプリケーションを開発するときにnpmのワークフローを理解していますが、Webページにスクリプトを含める場合のどこに問題があるか理解できません。このような場合のワークフローはどのくらいですか？

Answer 1

まあ、WebにNPMインストールされたスクリプトを使用すると、アプリケーションにレイヤーパッケージ管理を追加するバンドラ/ビルダーを使用する必要があります。これにより、サーバー側のようなモジュールを使用することができます。あなたのモジュールを1つまたは複数のチャンクに束ねた後、他のJavaScriptファイルと同様にあなたのWebにこれらを含めます。ブラウザでJavaScriptをロード

• http://browserify.org/
• https://webpack.github.io/
• http://rollupjs.org/

Answer 2

は通常、モジュールシステムを介して行われ、そのためにあります。

は、そのような仕事のために複数のツールがありますいくつかの競合する標準（AMD、CommonJS）と実装。このような実装の1つはBrowserifyで、実際にrequireのスクリプトを1つのbundle.jsファイルにアセンブルして（ビルド時に）簡単にHTMLに組み込むことができます。 （他のモジュールシステムは、たとえば最初に必要なときに別々に各ファイルを読み込むなど、別々に動作します）。