每次改完代码都需要重新打包一次，打开浏览器，刷新一次，很麻烦

我们可以安装使用webpackdevserver来改善这块的体验

启动服务后，会发现dist目录没有了，这是因为devServer把打包后的模块不会放在dist目录下，而是放到内存中，从而提升速度

安装：npm install webpack-dev-server -D

修改下package.json： 

 

 那么以后就可以执行 npm run server即可启动我们的服务

在webpack.config.js配置：

跨域：联调期间，前后端分离，直接获取数据会跨域，上线后我们使用nginx转发，开发期间，webpack就可以搞定这件事

应用场景：我们在自己用express造了接口和数据，我们访问这些接口时候会造成跨域问题，之前都是在server.js中去设置响应头的形式去允许跨域。但是现在可以用devServer的代理也可以。

1.准备node服务，在项目根目录创建server.js，以express创建服务为例：

2.webpack.config,js文件中配置devServer:

 3..安装axios,并在入口文件index.js中引入，用axios去请求接口数据

 

 前台浏览器拿到结果：