1.理解什么是webpack
?模塊化打包機 或者 模塊打包工具闹司。
首先娱仔，認(rèn)為它是一個工具，幫助我們更好的處理事情的游桩。
其次牲迫，“打包”，如何理解借卧？ 假設(shè)我們需要寄快遞盹憎。我們將許多的物品都放進了一個紙皮箱，然后進行封箱铐刘。 這就是打包陪每。 對應(yīng)到前端開發(fā)來說，就是將很多的的 css文件镰吵，js文件檩禾，圖片等“物品”，全都寫進一個js文件疤祭，而不是在一個html頁面通過script,link標(biāo)簽去引入多個靜態(tài)資源盼产。
模塊化，其實不同的css勺馆，不同的js就是一個模塊戏售。比如說，一個index.html,通常會有一個index.css,
一個index.js草穆，還有其他的css灌灾，js。這些不同的文件都可以看做不同的模塊悲柱。不同的模塊有各自的作用锋喜。
總結(jié)來說：用這個工具，幫助我們將不同的資源和文件豌鸡，進行打包嘿般，也就是合并在一個文件里面轴总。 但是不僅僅
如此，它還附加了一些更好用的功能博个。
附加功能：
1.CSS 預(yù)處理。將 Less, Sass 編譯成css
2.ES6 語法 轉(zhuǎn)成 ES5 …
2.作用
進行重新加載編譯功偿。實際就是將瀏覽器不認(rèn)識的語法編譯成瀏覽器認(rèn)識的語法盆佣。比如less
編譯成css，ES6 語法 轉(zhuǎn)成 ES5等等械荷。
將多個js文件合并成一個JS文件并壓縮 減少的js體積
減少io請求共耍。通常我們在請求后，會返回一個html到瀏覽器吨瞎。這時痹兜，我們?nèi)绻蜷_控制臺，就會發(fā)現(xiàn)在html頁面通過script,link等標(biāo)簽引用的靜態(tài)資源颤诀， 瀏覽器會再次發(fā)出請求去獲取這些資源字旭。但是webpack的打包，將所有的靜態(tài)資源都合并好了崖叫，減少了io請求遗淳。
