webpack---js配置

1.bable：主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，如低版本不识别es6的let、class等需要配置bable
（装饰器（高版本语法），低版本的浏览器不识别，需要用bable转义）
2.async await
3.webpack 代码调试时，使用dectool，
eval source-map 快速（原始代码，调试时按照原始代码行执行的，其他的是调试时看不到错误所有在原始代码位置，只能看到编译好的代码）
4.derServer // 最根本使用的是node和http模块：express是node的一个框架
derServer只对开发环境有效

  devServer：{
  port:9527,
  open:true,//自动打开浏览器
  hot:true,//热更新 可以在不刷新页面的情况下，更新对应的模块
  //hotOnly:true,
  contentBase:"./static",//把这个文件夹当做一个静态服务express.static
  proxy:{
   //跨域代理
   "/api":{
   target:"http://localhost:3000",
   changeOrigin:true,//改变请求的域名，变成后台本身的域名
   pathRewrite:{
   "^/api":"/test"//重写上下文，在测试环境和生成环境切换时，方便改写上下文；如 ：生产环境/api,测试环境 /api/user,
},
  before:function(app){
  //在访问这个地址后，前端直接返回一个模拟的结果，不走后台请求了
  app.get('/api/user',function(req,res){
  res.json({
  custom:"response"})
})}
}
}
}

devSever设置

1.多个代理写法

2.changeOrigin//改变请求的域名，变成后台本身的域名

3.before //在访问这个地址后，前端直接返回一个模拟的结果，不走后台请求了
图中 访问api/user后，前端直接返回{res:“responese”}
用处：在没有后台数据情况下，前端自己造数据请求