ウェブパック構築アプリケーションのnpmレジストリにないライブラリをインポートするにはどうすればいいですか？

Question

webappを使用してコンパイルする、typescriptで書かれた反応アプリケーションがあります。今のところ、node_modulesのキーワードimportでライブラリをインポートできました。

しかし、npmレジストリにないライブラリがいくつかあります。だから私はこれらのライブラリのnpmインストールを行うことはできません。たとえば、Papa Parseは、npmパッケージが見つからないものの1つです。彼らは通常、自分のTypescriptファイルにインポートすることができない、縮小されたjsファイルのみを提供します。構築するためのWebPACKを使用してアプリケーションの場合

は、どのように私は私のコードでNPMレジストリ上にないライブラリを使用することができますか？

Answer 1

を使用することができますあなたのプロジェクトのどこかに入れてください。vendorまたはlibというディレクトリに置くことをお勧めします。

それは、例えば、簡単ですのでimport文は、使用するモジュールへの相対パスを使用することができますあなたは空想取得したい場合は、相対パスをうまくする必要はありませんように、あなたはWebPACKのコンフィグでresolve.aliasを使用することができます

// src/foo.js 
import './../vendor/some-lib'; 

：あなたはvendor/some-lib.jsでサードパーティのモジュールを置けば、あなたがそれをインポートします。

// webpack.config.js 
const path = require('path'); 

// ... 
resolve: { 
    alias: { 
    vendor: path.resolve(__dirname, 'vendor') 
    } 
}, 

// src/foo.js 
import 'vendor/some-lib'; 

Answer 2

インポートできない場合は、requireを使用するとwebpackがバンドルに組み込みます。

require("PapaParse"); 

注： - あなたはWebPACKのからのjsファイルを解決しているならば、あなたがダウンロードする必要があります、npmパッケージを持っていないことを何のために単に

import "papaparse"

Answer 3

あなたはこのようにgit-ホストされているライブラリをインストールすることができます。すべてがハッシュ後にコミットハッシュまたはタグのどちらかなければならないこと

npm install git+ssh://git@github.com:mholt/PapaParse.git#4.3.0 

は注意を。 https://github.com/mholt/PapaParse/releases

ハッシュを省略すると、最新のバージョンが取得されますが、誰かがコードベースに新鮮なnpm installを実行するたびに注意してください。バージョンが変更されました。