Webpack入门（二）

搭建webpack本地服务器

先安装依赖项

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

npm install -g webpack-dev-server //全局安装

dev-server有一些配置选项，这里挑几个重要的

所以在webpack.config.js中新添加devServer:{}如下

在package.json的scripts中添加运行服务器的命令

然后运行npm run server，报错。

经过查找，问题应该出在没有wenpack-cli这个包，我们用npm下载

npm install webpack-cli

发现还是不行，在下载webpack-cli包的时候出现这个问题

应该是版本不兼容的问题。看一下我们的wepack版本

Webpack-cli版本则是：

所以我们= =。。。卸载重装。卸载webpack和webpack-cli的教程详细见：如何正确彻底卸载webpack

重新安装了3.0.0版本的webpack。

重装了后还是报错！！！！！于是我再次降低了webpack-dev-server的版本，换成@2.9.1试试。

ok重装了webpack-dev-server之后终于可以了。

这里实测 webpack@3.0.0 webpack-dev-server@2.9.1 webpack-cli@3.2.2 可用。

可喜可贺~

参考文献：

webpack-dev-server报错

如何正确彻底删除webpack

npm run server报错原因之一：Cannot find module 'webpack-cli/bin/config-yargs'

最主要感谢这篇教程入门 Webpack，看这篇就够了 神仙教程~