webpack学习8 webpack-devServer

在写这篇之前，我们要补充下配置:

其它额外的资源用 file-loader 搞定

——————————————————————————————————————————————————

 

好，在开发过程中，我们想实现这种效果，就是我们的源代码发生变化，然后呢，自动编译，自动打包！

这样能大大的提高效率，省的我们每一次都webpack 一下，这里要说的是 devServer 只会在内存中构建结果

不会真正的输出，

其实说白了，和我们以前用vue 脚手架差不多，也是在内存中构建打包，不扯了，我们开始

1， 安装

2，配置：

 

3,使用

npx webpack-dev-server

 

行，这它就监听3000 端口，你修改源代码，它也跟着变