webpack开发小总结

webpack开发前端的时候往往是单独自己的服务器：

1.express 带上 webpack-dev-middleware（自己实现了热更新，而且在memory-fileSystem,不会产生多余文件）

2.webpack-dev-server（自己实现了热更新，而且在memory-fileSystem,不会产生多余文件）

3.browserSync(需要使用到webpack的watch功能，会产生一些热更新的多余文件hot-update.js和hot-update.json)

---

在使用自己的前端专属服务器的时候会有个弊端，就是和后端分开了，并不在一个服务器上。

这个时候我们会选择采用代理（proxy）,通过我们的前端专属服务器来访问后端服务器

上面3种不同的前端服务器都有不同的配置方法，但是都是大同小异，主要就是代理配置好代理的target(url地址)

---

后端分为模拟后端和真实后端

模拟后端：我们常使用json-server然后导入一个mock.js的静态数据文件来模拟后端

真实后端：代理的时候直接把真实后端服务器的url对接上就可以了

---

在生产环境下，我们就会直接把前端的代码放到后端的服务器上，共用同一个服务器，不用再采用代理这么麻烦了。