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