webpackコマンドが動作しない

Question

私はノードJsとWebpackを初めて使用しています。私はモジュールローダーでプロジェクトを開始しようとしました。

まず、nodeJsとnpmをインストールし、新しいディレクトリtutorialを作成しました。私は、このディレクトリにcdし、以下のコマンドを使用して、NPM経由のWebPACKをインストールし、その後npm initとしなかった：

npm install -S webpack

「ノード・モジュール」ディレクトリの下にプロジェクトにローカルにインストールさWebPACKの第一コマンドと私は実行することができますこれを行うことによって、私のプロジェクト：

nodejs node-modules/webpack/bin/webpack.js

は、これに伴う問題は、私は私のプロジェクトのルートに置きたい、このディレクトリの中に私のwebpack.config.jsファイルを配置しなければならないということです。この問題への

一つの解決策は、私は、以下のコマンドを使用しなかった私のマシン上でWebPACKのグローバルインストールすることでした：

npm install -g webpack

このインストールのWebPACKと今私は、しかし、このコマンドはありません、WebPACKのコマンドを持っています働いているか、何もしていないようです。私はこのフォームミュープロジェクトルートdirectroyを実行しようとすると、それは全く何もしない（スクリーンショットを参照）

私が間違っているのを教えてください!!

Answer 1

webpackは、node-modules/webpack/bin/ディレクトリにあるだけでなく、node_modules/.binにもリンクされています。

npmが実行可能ファイルをインストールするフォルダを取得するコマンドは、npm binです。

package.jsonのscriptsプロパティを使用して、エクスポートするこのディレクトリからwebpackを使用できます。例えば

"scripts": { 
    "scriptName": "webpack --config etc..." 
} 

：

引数付き

npm run build 

あるいは：

"scripts": { 
    "build": "webpack --config webpack.config.js" 
} 

あなたは、その後でそれを実行することができます

npm run build -- <args> 

これはあなたを持つことができwebpack.config.js根本的にウェブパックをグローバルにインストールしたり、ウェブパックの設定をnode_modulesフォルダに持たなくても、プロジェクトの

Answer 2

npm i webpack -g 

は、システムにグローバルにインストールして、ターミナルウィンドウで使用できるようにします。

Answer 3

ノードをアンインストールしてから、もう一度インストールしてください。その後、すべて正常に動作します。

Answer 4

実際、このエラーが発生しました。私の知る限り、これを機能させるには2つの方法があります。

1. webpackのバグのために、index.jsで加えられた変更はサーバーによって更新されません。したがって、サーバーを再起動してください。
2. node.jsを更新すると、このような問題を回避できます。

Answer 5

最も簡単な方法は、この作業は別の場所からのWebパックを使用することであるだけで取得するには、これはあなたがグローバルにインストールすることやnpm run webpackが失敗した場合は停止します。

npmでwebpackをインストールすると、プロジェクトの「node_modules\.bin」フォルダに入ります。 （管理者として）コマンドプロンプトで

1. あなたwebpack.config.jsが配置されているプロジェクトの場所に移動します。コマンドプロンプトで
2. は多くは、あなたが一日保存し、次の

"C:\Users\..\ProjectName\node_modules\.bin\webpack" --config webpack.config.vendor.js