webpack-dev-server

作用

webpack-dev-server能够用来克服使用webpack过程的两个问题：
1，虽然使用webpack –watch的命令来动态监听文件的改变并实时打包，输出新bundle.js文件，这样文件多了之后打包速度会很慢。
2，这样的打包的方式不能做到hot replace，即每次webpack编译之后，你还需要手动刷新浏览器。
webpack-dev-server主要是启动了一个使用express的Http服务器。它的作用主要是用来解决资源文件。此外这个Http服务器和client使用了websocket通讯协议，原始文件作出改动后，webpack-dev-server会实时的编译，但是最后的编译的文件并没有输出到目标文件夹。实时编译后的文件都保存到了内存当中。因此使用webpack-dev-server进行开发的时候看不到编译后的文件。

安装

npm i webpack-dev-server

配置

在webpack.config.js内
1.content-base
这个属性定义你要监听的文件目录，默认是当前的目录。

运行

webpack-dev-server