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對接上就可以了

在生產環境下，我們就會直接把前端的代碼放到後端的服務器上，共用同一個服務器，不用再采用代理這麽麻煩了。

webpack開發小總結