webpack-dev-server
webpack-dev-server作用
我们在修改了项目代码以后需要不断的重新执行webpack
命令,重新打包然后回到浏览器去刷新页面,这种开发效率很低下,所以说为了省去这部分没必要的操作,因而我们在这里要使用webpack-dev-server
来实现当代码更新时项目的自动打包发布,刷新浏览器页面的操作。
这一篇文章是在上一篇文章源码的基础上写出来的,所以说在源码部分可以参考上一篇文章。
添加webpack-dev-server
webpack-dev-server
需要的依赖为webpack-dev-server
和html-webpack-plugin
,其中webpack-dev-server
又依赖于webpack
,因而我们要在package.json
中添加这三个依赖项。
修改源码
site.css
源码:
在site.css
中添加如下代码,该代码的意识是添加背景图片,而该图片的大小大于20KB。这样图片就不会以base64
位的形式加载到bui