webpack-dev-server不是内部命令，通过scripts配置后可以为什么？

Question

webpack-dev-server不是内部命令,然后配置package.json的scipt后
npm run server就可以启动服务器这是为什么？

scripts "scripts": {    "test": "echo \"Error: no test specified\" && exit 1",
    **"server":"webpack-dev-server"**
  },

下面是我package.json的配置

{

  "name": "demo",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "server":"webpack-dev-server"

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "devDependencies": {

    "babel-loader": "^6.4.1",

    "css-loader": "^0.28.0",

    "style-loader": "^0.16.1",

    "url-loader": "^0.5.8",

    "webpack": "^2.3.3",

    "webpack-dev-server": "^2.4.2"

  }

}

Answer 1

可以这么理解，npm run命令会开启一个新的shell,默认把node_modules/.bin添加到环境变量$PATH所以你npm run运行的webpack-dev-server来自当前项目的node_modules/.bin目录下