糸を構成してwebpackの出力を表示する方法は？ webpack --display-error-details

Question

webpackがエラーで失敗したため、なぜ失敗するのか調査したい。

ERROR in ./~/react-navigation/lib/views/HeaderBackButton.js 
Module not found: Error: Can't resolve './assets/back-icon.png' in '/home/xxx/projects/react-native-web-boilerplate/node_modules/react-navigation/lib/views' 
@ ./~/react-navigation/lib/views/HeaderBackButton.js 73:18-51 
@ ./~/react-navigation/lib/react-navigation.js 
@ ./src/navigation.js 
@ ./index.web.js 
@ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server webpack-dev-server/client?http://localhost:3000 webpack/hot/only-dev-server react-hot-loader/patch ./index.web.js 

私はそれを行うコマンドを知っています。

webpack --display-error-details 

しかし、ウェブパックエラーの詳細を表示するように糸を設定することはできません。

これは私が通常プロジェクトを実行する方法です。

cd project 
yarn 
yarn web 

Answer 1

--の後に置くことによって、基になるコマンドに任意のフラグを渡すことができます。二重ダッシュはコマンドオプションの終わりを示し、糸は実行後のコマンド/スクリプトに渡す必要があることをすべて認識します。

package.jsonに次のスクリプトがあるとします。

"scripts": { 
    "web": "webpack --progress --config custom.config.js" 
} 

あなたが実行します。

yarn web -- --display-error-details 

糸が効果的に実行されます：

webpack --progress --config custom.config.js --display-error-details 

をそれはまだ同じ基本的なコマンドを実行中に任意の引数/オプションを追加することができます。これは、上記の例に示すように、いつでも--config custom.config.jsオプションが必要な場合に望ましいことがあります。

スクリプトを作成せずにローカルにインストールされた実行可能ファイルのみを実行する場合は、次のいずれかの方法で実行できます。

yarn webpack -- --display-error-details 
# Or 
yarn run webpack -- --display-error-details 

runコマンドはオプションですが、内蔵されたとき、コマンド、それはその代わりに、スクリプト/実行ファイルを実行する存在することに注意してください。糸がこの順で既存のコマンドを探します。runで./node_modules/.bin/

にpackage.json

実行可能に

ビルトインコマンド
2. スクリプト、それはあなたができるように、最初のステップをスキップします組み込みコマンドと同じ名前のスクリプトを実行します。ヤーンがcleanコマンドを持っているので、例えばcleanというスクリプトがビルドされたファイルを削除する場合、これらの2つは同じではありません。

   yarn clean  # yarn's built-in clean 
   yarn run clean # your script