webpack学习8 webpack-devServer

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

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

webpack学习8 webpack-devServer

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

 

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

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

不会真正的输出,

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

1, 安装

webpack学习8 webpack-devServer

2,配置:

webpack学习8 webpack-devServer

 

3,使用

npx webpack-dev-server

 

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

webpack学习8 webpack-devServer