作為從grunt、gulp一路走來的老碼農(nóng)，一開始用webpack的時(shí)候我是很抗拒的。但由于核心庫使用了vue，而webpack又是vue的最佳拍檔（vue作者專門為其寫了vue-loader），所以用webpack來構(gòu)建項(xiàng)目就成了自然而然的事情。經(jīng)過一段時(shí)間的摸索，各個(gè)流程都跑通了，「從入門到放棄」的那點(diǎn)事也就都不算事了。
webpack是以模塊為中心的打包工具，但由于其日漸豐富的插件，能做的事情已經(jīng)很多了，從開發(fā)環(huán)境搭建到上線構(gòu)建，幾乎可以一條龍包辦了。事實(shí)上我在最近的項(xiàng)目中，連gulp都省了，完全用webpack就完成了所有的工作。下面一一道來。
本地server
在前后端分離的大前提下，前端本地已不需要起后端服務(wù)了，那為什么還要起一個(gè)本地server呢？這個(gè)server主要提供以下支持：
靜態(tài)資源訪問
代碼熱更新（實(shí)時(shí)刷新瀏覽器）
模擬請(qǐng)求數(shù)據(jù)
代理http請(qǐng)求
本地server是由webpack插件webpack-dev-middleware提供的，它是基于express的，所以還需要把express也裝上。配置代碼相當(dāng)簡(jiǎn)單：
var devMiddleware = require('webpack-dev-middleware')(compiler,
