WebPack:
為什要使用WebPack
現今的很多網頁其實可以看做是功能豐富的應用,它們擁有著復雜的JavaScript代碼和一大堆依賴包。為了簡化開發的復雜度,前端社區涌現出了很多好的實踐方法:
模塊化,讓我們可以把復雜的程序細化為小的文件;
這些改進確實大大的提高了我們的開發效率,但是利用它們開發的文件往往需要進行額外的處理才能讓瀏覽器識別,而手動處理又是非常反鎖的,這就為WebPack類的工具的出現提供了需求。
什么是Webpack(直接理解為前端的包管理器)
WebPack可以看做是模塊打包機:它做的事情是,分析你的項目結構,找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言(Scss,TypeScript等),并將其打包為合適的格式以供瀏覽器使用。
Webpack的工作方式是:把你的項目當做一個整體,通過一個給定的主文
件(如:index.js),Webpack將從這個文件開始找到你的項目的所有依
文件,使用loaders處理它們,最后打包為一個瀏覽器可識別的JavaScript文件。