作為從grunt、gulp一路走來(lái)的老碼農(nóng)，一開(kāi)始用webpack的時(shí)候我是很抗拒的。但由于核心庫(kù)使用了vue，而webpack又是vue的最佳拍檔（vue作者專(zhuān)門(mén)為其寫(xiě)了vue-loader），所以用webpack來(lái)構(gòu)建項(xiàng)目就成了自然而然的事情。經(jīng)過(guò)一段時(shí)間的摸索，各個(gè)流程都跑通了，「從入門(mén)到放棄」的那點(diǎn)事也就都不算事了。
webpack是以模塊為中心的打包工具，但由于其日漸豐富的插件，能做的事情已經(jīng)很多了，從開(kāi)發(fā)環(huán)境搭建到上線構(gòu)建，幾乎可以一條龍包辦了。事實(shí)上我在最近的項(xiàng)目中，連gulp都省了，完全用webpack就完成了所有的工作。下面一一道來(lái)。
本地server
在前后端分離的大前提下，前端本地已不需要起后端服務(wù)了，那為什么還要起一個(gè)本地server呢？這個(gè)server主要提供以下支持：
靜態(tài)資源訪問(wèn)
代碼熱更新（實(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, {
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖
2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞
2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式