プロジェクト内のWebpackを実行中

Question

webpackコマンドを発行するためにwebpackをグローバルにインストールする必要はありますか？

npm install webpack --save-devを使用してプロジェクトフォルダ内にwebpackをインストールし、それをdevの依存関係に追加しました。私は私のプロジェクトフォルダ内だと私はWebPACKのコマンドを実行したときに、私は次のエラーを取得する：

'webpack' is not recognized as an internal or external command, operable program or batch file.

ところで、私は、Windows 10上で

Answer 1

npmスクリプトとしてコマンドを追加してください。あなたのpackage.jsonで。

{ 
    "name": "app", 
    "version": "0.0.1", 
    "scripts": { 
     "compile": "webpack --config webpack.config.js" 
    } 
} 

その後

npm run compile 

NPMのスクリプトを実行するには、./node_modules/.binフォルダ内に作成された実行ファイルを探します。 Webpackがローカルにインストールされると、同じフォルダにバイナリが作成されます。

Answer 2

だはい、ように、エラーを取得することは明白ですあなたは、いくつかのように実行します。

webpack --config webpack.config.filename --progress 

これはNPMは、我々はあなたが世界的にWebPACKのインストールする必要があり、同様の方法でWebPACKを実行することです何NPMを知るために、システムに対してグローバルにインストールされているNPM必要なコマンドをインストールし実行するのに似ています。これがうまくいきたいです

Answer 3

Nikhil Ranjanのようなnpmスクリプトとしてこのコマンドを追加すると、彼の答えは良い解決策です。特に、このコマンドを何回か使用する場合は特にそうです。

もう1つの方法は、node_modulesフォルダ内の実行可能ファイルを直接呼び出すことです。

./node_modules/.bin/webpack --config webpack.config.js"