web-dev-qa-db-ja.com

ブラウザでnpmモジュールを使用する方法ローカル（PC）でも使えますか？ -JavaScript

npm moduleとnode.jsは初めてなので、とても難しいです。

私は多くのポイントを持つjsコードを持っていますが、それらのそれぞれについて、最も近い都市を取得したいと思います。

これを行うには、別の質問（ 大きな配列を使用した逆ジオコーディングが最速の方法ですか？-JavaScriptとパフォーマンス ）で、2つのnpmモジュール、

const kdbush = require('kdbush');
const geokdbush = require('geokdbush');

// I've stored the data points as objects to make the values unambiguous
const cities = [
  { name: "Abano Terme (PD)", latitude: 45.3594, longitude: 11.7894 },
  { name: "Abbadia Cerreto (LO)", latitude: 45.3122, longitude: 9.5928 },
  { name: "Abbadia Lariana (LC)", latitude: 45.8992, longitude: 9.3336 },
  { name: "Abbadia San Salvatore (SI)", latitude: 42.8800, longitude: 11.6775 },
  { name: "Abbasanta (OR)", latitude: 40.1250, longitude: 8.8200 }
];

// Create the index over city data ONCE
const index = kdbush(cities, ({ longitude }) => longitude, ({ latitude }) => latitude);

// Get the nearest neighbour in a radius of 50km for a point with latitude 43.7051 and longitude 11.4363
const nearest = geokdbush.around(index, 11.4363, 43.7051, 1, 50);

問題は、これが私がこれに取り組む初めてのことです。その上、私はイタリア人で英語があまり上手ではなく、イタリア語のGoogleでは何もありません:(

これらのモジュールをどのように使用できますか？

サーバーにNode.jsをインストールする必要がありますか？

ローカルPCでモジュールを使用することは可能ですか？

javascriptnode.jsnpmmodulenpm-install
9
Borja

ええ、ブラウザで直接npmモジュールを使用できます。

Browserify はそのための優れたオプションです。

彼らのページから直接取った：

ブラウザにはrequireメソッドが定義されていませんが、Node.jsには定義されています。 Browserifyを使用すると、Nodeで使用するのと同じ方法でrequireを使用するコードを記述できます。

今、あなたの他の質問：

サーバーにNode.jsをインストールする必要がありますか？

はい。ただし、browserifyをインストールし、JavaScriptをHTMLに直接含めることができる単一のファイルにバンドルするには、ノードが必要です。したがって、バンドルされたファイルを取得すると、ノードなしでどこからでもファイルを提供できます。

ローカルPCでモジュールを使用することは可能ですか？

はい！ローカルPCではほとんど何でもできます。たとえば、開発用のサーバーとして使用し、その中でnode.jsサーバーを実行できます。

9
Lucas Meine

https://unpkg.com/

npkg.com を使用して、NPMパッケージからコンテンツをプルできます。たとえば、Polymer paper-button Webコンポーネントを取得する必要がある場合は、次のように指定できます。 https://unpkg.com/@polymer/[email protected]。 1

1
Netsi1964

はい、node.jsをダウンロードする必要があります。次の指示に従ってください： https://www.npmjs.com/get-npm "npmはNode.jsとともに配布されます。つまり、Node.jsをダウンロードすると、自動的にnpmがインストールされます。コンピューター。"

したがって、Node.jsをダウンロードします（上記のリンクの手順に従って、すでにインストールされているかどうかを確認します）。次に、CLI（コマンドラインインターフェイス）を使用して、ソースコンポーネントディレクトリを見つけます。そのディレクトリに移動したら、npmコマンドを使用してパッケージ（必要なモジュールがある）をインストールします。使用しているライブラリまたはフレームワークに応じて、これらのモジュールの使用方法が決まります。私が説明しているように、それらをローカルに保存する場合、ディレクトリパスに基づいて、モジュールにアクセスできます。require（ '。path/to/your/npm_modules/example.js'）;

これがお役に立てば幸いです。 Non ho tanto tempo allora non posso scrivere di piu '。 Io parlo Italiano、ma non ho parlato di computer spesso。 Buona fortuna。

0
Aluminium22