npm package如何配置两个命令让 webpack 打包开发包和生产包，并且启用webpack-dev-server？

Question

  "scripts": {
    "build_dist": "rimraf dist && webpack --config webpack-dist.config.js && webpack-dev-server --hot --inline --history-api-fallback",
    "build_dev": "rimraf dev && webpack --config webpack-dev.config.js && webpack-dev-server --hot --inline --history-api-fallback"
  }

rimraf和打包都OK了，启动webpack-dev-server的时候报错了！

Answer 1

换成如下两条命令试试。

 "scripts": {
    "build_dist": "rimraf dist && webpack --config webpack-dist.config.js && webpack-dev-server --config webpack-dist.config.js  --hot --inline --history-api-fallback",
    "build_dev": "rimraf dev && webpack --config webpack-dev.config.js && webpack-dev-server --config webpack-dist.config.js --hot --inline --history-api-fallback"
  }

Answer 2

webpack 默认读取 webpack.config.js 配置文件，题主的配置文件分别为 webpack-dist.config.js 和 webpack-dev.config.js，而在开启 webpack-dev-server 时没有指定 --config 文件，所以报错了。