npm ERR! missing script: build

webpack-bundle-analyzer

webpack可视化插件，用来查看一共打了多少个包，每个包的体积和包里面的情况。
启动查看

npm run build --report

结果报错npm ERR! missing script: build，后来发现package.json中scripts参数为

  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
    "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
    "lint": "eslint --ext .js,.vue src",
    "test": "npm run lint"
  },

所以正确的命令应该为

npm run build:prod --report

访问地址：http://localhost:8888/

image.png

解释一下这个scripts对象，npm 允许在package.json文件里面，使用scripts字段定义脚本命令。