在项目文件根目录 (通常会有 package.JSON 文件) 下, 执行命令:
NPM install webpack-dev-server --save-dev
执行上面命令, 会默认安装最新的 webpack-dev-server
如果要安装特定版本的 webpack-dev-server 的话, 可以执行命令:
NPM install webpack-dev-server@x.x.x --save-dev
在安装过程中, 可能会报错
可能报错一:
在安装过 NPM -i -D webpack-cli 后仍提示安装
有时候已经执行了 NPM i -D webpack-cli 命令, 并且成功安装了 webpack-cli , 但是还出现这样的报错, 如果出现这种情况, 可能是 webpack-dev-server 安装的不正确, 要在项目文件根目录 (通常会有 package.JSON 文件) 下执行安装命令
在安装成功后, 在这里可以看到相关文件:
image.PNG
这个报错很可能是 webpack-dev-server 的版本与 webpack 版本不匹配的原因
在我的项目中, webpack 版本是 3.x.x , 可以将 webpack-dev-server 的版本限制在 2.x.x
比如:
- webpack: 3.12.0
- webpack-dev-server: 2.11.3
限制 webpack-dev-server 的版本后, 就可以正常执行 webpack-dev-server 命令了~
image.PNG
来源: http://www.jianshu.com/p/98450507587a