很榮幸作為前端專題講師參加2016年SDCC，與周愛民老師同臺(tái)，聽業(yè)界牛人的分享真是受益匪淺。對我來說是第一次在如此規(guī)模的專題論壇上演講，全程緊張的要命，提前準(zhǔn)備好的內(nèi)容有很多因?yàn)榫o張沒有講出來。此次參會(huì)最大的收獲不僅僅是對自己的一次鍛煉，更多的是了解前端行業(yè)的技術(shù)現(xiàn)狀和未來走向。
我的分享主題是《基于webpack的前端工程解決方案》，ppt可以在這里下載。演講前對ppt有稍微的修改，與提交給CSDN的ppt稍有出入，但是并不影響整體內(nèi)容。
與其他幾位演講嘉賓分享的內(nèi)容相比，我的分享主題其實(shí)并沒有很多干貨。主要的內(nèi)容是講述本人自2016年4月份加入58到家，獨(dú)立承擔(dān)前端工程解決方案的探索和開發(fā)中的一些經(jīng)驗(yàn)和感想。更多的是對前端工程化理想模式的思考和探討。
首先介紹58到家前端工程解決方案boi目前的模式：
上圖展示的是目前業(yè)內(nèi)比較普遍的前段工程解決方案，也是58到家目前階段所采用的。這套方案涵蓋了從項(xiàng)目初始到前端資源部署上線中的各個(gè)環(huán)節(jié)。boi以webpack為構(gòu)建核心，整體架構(gòu)如下圖：
webpack可以說是目前最流行的構(gòu)建工具之一，功能全面穩(wěn)定，可擴(kuò)展性良好并且有龐大的社區(qū)資源。webpack的定位就是解決項(xiàng)目構(gòu)建中的各種需求：
前端工程解決方案中，構(gòu)建是核心環(huán)節(jié)，但并不是唯一的環(huán)節(jié)，所以boi圍繞webpack打造的構(gòu)建核心，同時(shí)提供了腳手架、本地服務(wù)器和本地部署功能：
boi提供了清晰的工作流，可以很大程度上提高開發(fā)效率：
這套工作流存在一個(gè)致命的缺陷：提測和上線的文件存在一定的差異，并且build動(dòng)作由開發(fā)者本地執(zhí)行，如果存在多人協(xié)作的項(xiàng)目，必須存在一個(gè)匯總的開發(fā)者來執(zhí)行代碼的merge和build。
