Webpack CLIはプロジェクトでは機能しません

Question

React tutorialへの指示に従っています。端末にnpm installを使ってNPMをインストールし、ノードサーバーを起動できました。問題はWebpackを実行してブラウザのアップデートを表示できないことです。

指示通りにwebpack --watchと入力すると、端末にエラーメッセージ：'webpack' not foundが表示されますが、Webpackはnode_modulesにインストールされています。なぜこうなった？

Answer 1

ローカルにインストールする方法とグローバルにインストールする方法の違いと、いつそうするのかを知っておく必要があります。

あなたはコマンドラインツールとしてそれを使用したい場合は、イサキのCLIのようなもの、そしてあなたがグローバルそれをインストールしたい：NPM Documentationあたり。一方、Nodeのrequireのようなものを使用して独自のモジュールからパッケージに依存する場合は、ローカルにインストールします。

したがって、CLI（コマンドラインインターフェイス）を使用するには、Webpackをグローバルにインストールする必要があります。実行します。

npm install webpack -g 

その方法は、それがグローバルにインストールされますと、あなたはwebpackコマンドを使用して、コマンドライン経由のWebPACK実行することができます。あなたは世界的にそれをインストールしていない場合でも、ローカルにインストールされたモジュールへのパスを使用し、そのように実行することができます。

./node_modules/.bin/webpack --watch 

これは少し不便かもしれない、あなたがグローバルインストールを選ぶ必要があります。詳細はthe Webpack Documentationを参照してください。