web学习

webpack自动刷新浏览器

webpack开发服务器，是webpack官方提供的一个辅助开发工具，它可以自动监控项目下的文件，一旦有修改保存的操作，它就会自动执行打包命令，将我们的代码重新打包，并且需要的话还可以刷新浏览器。

其中webpack-dev-server有几个参数

contetnBase 默认webpack-dev-server 会为根文件夹提供本地服务器，如果想为另外一个目录下的文件提供本地服务器，应该在这里设置其所在的目录（本例设置到“public”目录）

port 设置默认监听端口，如果省略，默认为 8080

inline 设置为true ,当源文件改变时会自动刷新页面

colors 设置为true,使终端输出的文件为彩色的

webpack-dev-server有两种启动模式：

iFrame ：该模式下修改代码会自动打包，但不会刷新浏览器

inline: 该模式下修改代码会自动打包，并且会刷新浏览器