npmスクリプト（webpack-dev-server）を理解する

Question

私はnpmの実行に関する質問があります。

（ 'NPMの実行devが' https://github.com/vuejs/vue-hackernews/blob/gh-pages/package.jsonからである）

{ 
    "name": "vue-hackernews", 
    "version": "1.0.0", 
    "description": "HN clone with Vue.js using HN API", 
    "scripts": { 
    "dev": "webpack-dev-server --inline --hot --no-info", 
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 
    .... 
    }, 

なぜ 'が実行DEVをNPM' ん、うまく行く

が、 'NPMの実行のWebPACK-devのサーバー' のような他のコマンドを実行し

または「webpack-dev-server」にエラーがありますか？

「npm run」は何ですか？ "スクリプト"のプロパティの値を実行するだけではありませんか？

（これは私が 'コマンドまったく同じこと' を考えていた）

はありがとうございました！

Answer 1

「webpack-dev-server」にエラーがありますか？

webpack-dev-serverが動作するためには、環境変数PATHを追加する必要があります。あなたがnpm run script-name、then使用する場合：シェルの既存のPATHに加えて

を、NPMの実行は、スクリプトに提供PATHに node_modules/.binファイルを追加します。

チェックnode_modules/.binフォルダ、あなたはそこにwebpack-dev-serverを参照してくださいよ、この実行ファイルはこのようjsパッケージを実行します：あなたはUNIXベースのenvにしている場合

node "$basedir/../webpack-dev-server/bin/webpack-dev-server.js" "$@" 

もう一つの選択肢はこれです：

$(npm bin)/webpack-dev-server'