我相信,有不少的朋友對webpack都有或多或少的了解。網(wǎng)上也有了各種各樣的文章,文章內(nèi)作者也寫出了不少自己對于webpack這個工具的理解。在我剛剛接觸webpack的時候,老實說,網(wǎng)上大部分的文章我是看不懂的。。webpack里面有很多名詞,是沒有接觸和理解過模塊化的同學(xué)都難以理解的。我感覺,學(xué)習(xí)任何一項新技術(shù),要弄清楚為什么使用它,它是什么,它有什么用等概念,弄清楚這些概念之后,我相信,在日后的webpack學(xué)習(xí)中會達(dá)到事半功倍的效果。這篇文章,我會以最簡單的方式,闡述什么是webpack。當(dāng)然,這是我個人對webpack的一些理解,也是在學(xué)習(xí)中總結(jié)。
另外,最好的學(xué)習(xí)webpack的資源是webpack的官網(wǎng)。傳送門:webpack
當(dāng)然,如果你早已是webpack的實踐者,對webpack認(rèn)識足夠深入,這篇文章不太適合您閱讀。如果你是小白,那就可以開啟webpack的探索之路了。
webpack是目前流行的一款模塊化打包工具。
webpack定義:一款前端資源模塊化和打包工具。
webpack作用:
1. 將許多松散的模塊按照依賴關(guān)系和規(guī)則打包成符合生產(chǎn)環(huán)境環(huán)境部署的前端資源。2. 將按需加載的模塊進行代碼分割,等到實際需要的時候再異步加載。3. 通過加載器loader的轉(zhuǎn)換,所有的前端資源都可以看作是模塊。比如說CommonJS模塊,AMD模塊,ES6模塊,css,sass,json,圖片等。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊列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實現(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