我相信,有不少的朋友對webpack都有或多或少的了解。網(wǎng)上也有了各種各樣的文章,文章內(nèi)作者也寫出了不少自己對于webpack這個工具的理解。在我剛剛接觸webpack的時候,老實說,網(wǎng)上大部分的文章我是看不懂的。。webpack里面有很多名詞,是沒有接觸和理解過模塊化的同學都難以理解的。我感覺,學習任何一項新技術(shù),要弄清楚為什么使用它,它是什么,它有什么用等概念,弄清楚這些概念之后,我相信,在日后的webpack學習中會達到事半功倍的效果。這篇文章,我會以最簡單的方式,闡述什么是webpack。當然,這是我個人對webpack的一些理解,也是在學習中總結(jié)。

另外,最好的學習webpack的資源是webpack的官網(wǎng)。傳送門:webpack

當然,如果你早已是webpack的實踐者,對webpack認識足夠深入,這篇文章不太適合您閱讀。如果你是小白,那就可以開啟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,圖片等。

網(wǎng)友評論