了解npm脚本(webpack-dev-server)

时间:2016-07-07 10:00:37

标签: webpack-dev-server

我对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运行dev'顺利,

但其他命令如' npm运行webpack-dev-server'

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

' npm运行'做?不只是执行"脚本"?

的属性值

(我正在思考'命令完全相同')

谢谢你!

1 个答案:

答案 0 :(得分:1)

  

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

因为要使其正常工作,必须将webpack-dev-server添加到PATH环境变量中。如果您使用npm run script-namethen

  

除了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'