webpack 开发服务器配置

开发服务器

webpack-dev-serve

1.内部执行 webpack 命令，传递命令参数

2.开启 watch

3.注册 hooks:类似于 plugin,webpack-dev-serve 会向 wepack 中注册一些钩子函数，主要功能如下：

1.将资源列表（asseets）保存起来

2.禁止 webpack 输出文件

4.用 exprese 开启一个服务器，监听某个端口，当请求到达后，根据请求的内容，给于相应的资源内容

devServer:{
    port:8000, //设置端口
    open:true, //开启服务器后自动打开浏览器
    proxy:{ //代理 解决本地开发跨域问题
        "/api":{
            target:"http:www.baidu.com",
            changeOrigin:true, //更改请求头中的host和origin
        }
    }
}