关于webpack-dev-server的配置

Question

我在按照官方最简单的例子操作：

npm install webpack-dev-server --save-dev

webpack.config.js配置如下：

devServer: {
    contentBase: PATH.join(__dirname, "dist"),
    compress: true,
    port: 9000
},

package.json:

"scripts": {
    "start:dev": "webpack-dev-server"
},

但是我执行 npm run start:dev 会提示我需要"webpack-cli"
安装后，又提示我一个错误：

> webpack-dev-server

xx/web/node_modules/_webpack-dev-server@3.1.0@webpack-dev-server/bin/webpack-dev-server.js:405
    throw e;
    ^

TypeError: Cannot read property 'compile' of undefined

我的问题有两个：
第一，为什么需要webpack-cli，官方基础例子里并没有说需要额外的模块。
第二，“TypeError: Cannot read property 'compile' of undefined”是什么原因呢？

我的webpack版本是3.11.0， webpack-dev-server是3.1.0

感谢关注！

Answer 1

webpack-cli 是webpack4的东西，版本看看对不对

Answer 2

webpack-dev-server如果是3.x的话，webpack必须是4.x才不会报此TypeError: Cannot read property 'compile' of undefined错误, 同理如果webpack是3.x，则webpack-dev-server必须是2.x