理解 npm 脚本（webpack-dev-server）

【问题标题】：understanding npm script (webpack-dev-server)理解 npm 脚本（webpack-dev-server）
【发布时间】：2016-11-09 14:30:31
【问题描述】：

我有一个关于 npm run 的问题。

('npm run 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"
     ....
  },

为什么'npm run dev'运行良好，

但是否有其他命令，例如 'npm run webpack-dev-server'

或者只是 'webpack-dev-server' 抛出错误？

'npm run' 有什么作用？不只是执行“脚本”的属性值？

（我在想'命令完全相同'）

谢谢！

【问题讨论】：

如果我在全球范围内安装了 webpack-dev-server，我可以在任何地方使用“webpack-dev-server”吗？这意味着， npm run 总是搜索与模块文件夹完全相同的名称？
我的answer 有帮助吗？

标签： webpack-dev-server

【解决方案1】：

只是 'webpack-dev-server' 抛出错误？

因为要使其工作，必须将webpack-dev-server 添加到PATH 环境变量中。如果你使用npm run script-name，then：

除了 shell 预先存在的 PATH 之外，npm run 还添加了 node_modules/.bin 到提供给脚本的 PATH。

检查node_modules/.bin文件夹，你会看到webpack-dev-server，这个可执行文件像这样运行js包：

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

如果您使用的是基于 Unix 的环境，另一种选择是：

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

【讨论】：