bpmコンポーネントをnpm、webpackプロジェクトにインポートする方法は？

Question

私は基本的なwebpack/babel/mochaプロジェクトをちょうど遊んでいます。今私はちょうどimport $ jQuery from 'jquery'としてそれらを使用したい

など私はバウアーと私のプロジェクトにjQueryとPaper.jsをインストールし、私は彼らがnpm start上のWebPACKにバンドルすることにしたい、私は余分な<script>タグを記述する必要はありません。しかし、私のセットアップでは、npm_modulesにjqueryパッケージが含まれています。 bpm_componentsフォルダでnpmにこれらを探す方法を教えてください。

これは論理的な決定ですか？あるいは、私はこれを他の方法で設立するはずですか？

Answer 1

個人的には、私は通常、NPMを通してすべてをインストールすることをお勧めします - ほとんどのフロントエンドの依存関係は、最近そこにあります。しかし、Paper.js NPMページでは、Bowerを使ってライブラリのバージョンをダウンロードすることを推奨しています（NPMパッケージにはノード固有のコードがいくつかありますか？わかりません）。

のWebPACKは、バウアーパッケージで作業を取得するには、config.resolve.aliasを使用してカスタム名/パスを設定することができます。

var path = require("path"); 

var config = { 
    ... 
    resolve: { 
     alias: { 
      "jquery": path.resolve(__dirname, "path/to/bower/file"), 
      "paper": path.resolve(__dirname, "path/to/bower/file") 
     } 
    } 
    ... 
} 

これは、あまりにも、バウアーの外にかなりの数の状況で便利になることができます - 例えば、場合現在パッケージマネージャーから配布されていないライブラリを使用する必要がある場合は、プロジェクトフォルダに追加し、エイリアスを使用してコードで使用できるようにするだけです。