マイページにノードモジュールを含める

Question

自分のウェブページにノードモジュールを含める最も良い方法は何ですか？

<script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>のような絶対パスを使用する必要がありますか、それを行うのが簡単で効果的な方法はありますか？

ありがとうございます。

<script src="/placeholder/bootstrap/dist/js/bootstrap.min.js"></script> 

を、ノードがnode_modulesフォルダへのパスをリダイレクトします：

Answer 1

これは、あなたが書くことができますあなたのapp.jsファイル

app.use('/placeholder', express.static(__dirname + '/node_modules/')); 

でこれを追加します。あなたが好きにplaceholderを変更することができます

、鉱山はscripts

Answer 2

ノードモジュールはNodeJS環境でのサーバー側の実行のために、いないブラウザでの使用のために設計されて命名されています。だからウェブページにそれらを含める最良の方法はない。

ブートストラップはクライアント側のフレームワークなので、最初はNodeJSモジュールとしては意味がありません。

クライアント側パッケージのnpmのようなツールをお探しの場合は、今週のフレーバーはBowerです。

Answer 3

この質問に対する私の答えは、少し異なり、少し前進しています。 今はあなたにとっては役に立たないかもしれませんが、間違いなく、将来的にはそうなります。また、他人を助けるだろう。

はい、最初の回答は間違いありません。プレースホルダを追加してから、インデックスファイルにリンクを追加することができます。

今、gulpやgruntのようなタスクランナーを使用していますか？もしそうでなければ、これらのツールを使って多くの手作業を省くことができ、最終的に時間の節約になるので、使用を開始することをお勧めします。

あなたは、なぜ私がここではあふれかえったり、かわいそうとしているのかと考えているかもしれません。私はすぐにこのクエストに答えます。

node.jsを使用しているので、ノードにモジュールがどのようにロードされているかはすでに分かっています。 例：require（ 'express'）;

このアプローチをクライアントアプリケーションに使用できる場合はどうなりますか？あなたはhtmlに1つのjsファイルを含める必要があり、そのjsファイルには他のすべてのjsライブラリが必要です。グレート

、突然、あなたは1

モジュールローダーが絵に来る場所ですし、約20〜30周りからHTMLページ内のスクリプトタグの数を減らすことができます。

しかし、ブラウザはrequireステートメントを理解していません。

これを処理するには、browserifyと呼ばれるツールを使用します.Gulp（前にお話しました）を使用して、ファイルをブラウズするタスクを構成できます。 これを使用する場合は、すべてのjsライブラリと独自のjsファイルを1つのファイル（例：app.js）にする必要があります。しかし、我々はブラウザーが必要と理解していないと述べた。これは、browserifyがこのapp.jsファイルを処理し、HTMLにインクルードされるべき単一のファイルを吐き出す場所です。

これを実行する方法については、この記事を参照してください。 Scalable app using Gulp and browserify。

かなりきれいです！ :)

他のモジュールローダーの一部はSystem.jsあると