ウェブサイトでnpmパッケージを表示するにはどうすればよいですか？

Question

私はUberが作った特定のNode.jsパッケージを手に入れようとしていました。私は、ノードのJSに新しいですが、これらは、私は、コードを取得するには、その後の手順です：

1. は彼らのrepo
2. がNPM
3. をインストール走ったクローン化された「NPM私はドン

を開始走りましたしかし、私はこのウェブサイトをどのように見ることができるか理解しています。それはパッケージを始めるという面では効果があったようですが、今どこでこのウェブサイトを見に行くのですか？一般的に、htmlファイルが必要ですか？私はそれを見ない。

Answer 1

次のコマンドを使用してノードパッケージをクローンして、プロジェクトで使用できます。

npm install --save deck.gl luma.gl 

たとえば、React JSで作業している場合などです。この方法でコードを書くことができます。

import MapGL from 'react-map-gl'; 
import DeckGL from 'deck.gl/react'; 
import {ScatterplotLayer, Viewport} from 'deck.gl'; 

const data = []; 
const viewport = new Viewport(); 

return (
    <MapGL> 
    <DeckGL 
     viewport={viewport} 
     layers={[new ScatterplotLayer({data})]} 
    /> 
    </MapGL> 
); 

このリンクを参照してください：

は、はじめに：http://uber.github.io/deck.gl/#/documentation/overview/getting-started

使用法と反応：http://uber.github.io/deck.gl/#/documentation/usage/using-with-react

ここでhtmlがJSX構文である仮想DOMです。

Answer 2

startスクリプトを見ると、githubページでホストされている実際のWebサイトではなく、スタンドアロンの例をインストールして起動するだけであることがわかります。

(cd examples/layer-browser && (path-exists node_modules || npm i) && npm run start-local) 

ウェブサイトのコードと依存関係をチェックアウトするには、demo directoryにアクセスしてください。このフォルダには、あなたはnpm installは、ウェブサイトの依存関係を取得することができますが、有効なmapboxトークンでグローバルMAPBOX_ACCESS_TOKEN ENV変数をエクスポートします（MapBox website上の自由ものを得ることができます）、最後にnpm startを実行します。

それはhttp://localhost:3000上でブラウザを開き、あなたは周りの再生を開始することができます。

_{免責事項：私はdeck.gl.の責任データ視覚化チームにユーバーのために働きます}