背景
記得2004年的時(shí)候，互聯(lián)網(wǎng)開(kāi)發(fā)就是做網(wǎng)頁(yè)，那時(shí)也沒(méi)有前端和后端的區(qū)分，有時(shí)一個(gè)網(wǎng)站就是一些純靜態(tài)的html，通過(guò)鏈接組織在一起。用過(guò)Dreamweaver的都知道，做網(wǎng)頁(yè)就像用word編輯文檔一樣。一個(gè)html頁(yè)面，夾雜著css,javascript是再常見(jiàn)不過(guò)的事了。
隨著前端的不斷發(fā)展，特別是單頁(yè)應(yīng)用的興起，這種所見(jiàn)即所得的IDE工具，就漸漸地退出了前端的主流。一個(gè)應(yīng)用，通常只有一個(gè)靜態(tài)頁(yè)面(index.html),甚至這個(gè)頁(yè)面的body只有一個(gè)或少數(shù)幾個(gè)div組成。這時(shí)有大量的css和javascript代碼需要編寫。如何組織他們，就是現(xiàn)在前端所面臨和要解決的問(wèn)題。
一些很好的前端框架(像angularjs,React,Vue)可以幫我們?nèi)绾魏侠淼慕M織代碼，保持代碼的可維護(hù)性和擴(kuò)展性。這在開(kāi)發(fā)階段是很有用的，可是要把應(yīng)用發(fā)布到線上的時(shí)候，需要把代碼進(jìn)行合并壓縮，以減小代碼體積，和文件數(shù)量，人為的對(duì)代碼進(jìn)行丑化。于是就有了grunt,gulp,webpack等前端工程化打包工具。
如何使用webpack
延伸閱讀
- 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í)是年輕人改變自己的最好方式