很榮幸作為前端專題講師參加2016年SDCC，與周愛民老師同臺(tái)，聽業(yè)界牛人的分享真是受益匪淺。對(duì)我來說是第一次在如此規(guī)模的專題論壇上演講，全程緊張的要命，提前準(zhǔn)備好的內(nèi)容有很多因?yàn)榫o張沒有講出來。此次參會(huì)最大的收獲不僅僅是對(duì)自己的一次鍛煉，更多的是了解前端行業(yè)的技術(shù)現(xiàn)狀和未來走向。
我的分享主題是《基于webpack的前端工程解決方案》，ppt可以在這里下載。演講前對(duì)ppt有稍微的修改，與提交給CSDN的ppt稍有出入，但是并不影響整體內(nèi)容。
與其他幾位演講嘉賓分享的內(nèi)容相比，我的分享主題其實(shí)并沒有很多干貨。主要的內(nèi)容是講述本人自2016年4月份加入58到家，獨(dú)立承擔(dān)前端工程解決方案的探索和開發(fā)中的一些經(jīng)驗(yàn)和感想。更多的是對(duì)前端工程化理想模式的思考和探討。
首先介紹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è)致命的缺陷：提測(cè)和上線的文件存在一定的差異，并且build動(dòng)作由開發(fā)者本地執(zhí)行，如果存在多人協(xié)作的項(xiàng)目，必須存在一個(gè)匯總的開發(fā)者來執(zhí)行代碼的merge和build。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(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
- 從棧不平衡問題 理解 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)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式