webpack是什么
官網(wǎng)給出了一個(gè)定義：webpack 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)枚抵。當(dāng) webpack 處理應(yīng)用程序時(shí)，它會(huì)遞歸地構(gòu)建一個(gè)依賴(lài)關(guān)系圖(dependency graph)，其中包含應(yīng)用程序需要的每個(gè)模塊谋国，然后將所有這些模塊打包成一個(gè)或多個(gè) bundle。
webpack能做什么
簡(jiǎn)而言之界酒，就是webpack可以將各種瀏覽器不可識(shí)別的文件打包稱(chēng)可以在瀏覽器上運(yùn)行的文件（如js蜒程，css，jpg纪岁，png）
在項(xiàng)目中我們經(jīng)常使用ES Moudule的方式模塊化引入其他文件
這種方式相信我們?cè)陧?xiàng)目中都經(jīng)常遇到凑队，但是我們?cè)跒g覽器中打開(kāi)index.html的時(shí)候，意外卻發(fā)生了：
反復(fù)看了代碼沒(méi)問(wèn)題呀幔翰，究其原因漩氨，不是我們的寫(xiě)法有問(wèn)題西壮，而是瀏覽器根本就不能識(shí)別這種引用方式。所以這個(gè)時(shí)候叫惊，webpack出場(chǎng)了？钋唷！霍狰！
使用webpack打包
所需環(huán)境
node環(huán)境
所需依賴(lài)
webpack抡草；webpack cli（盡量不要全局安裝，以便我們使用不同的webpack版本打包不同的webpack項(xiàng)目）npm install webpack webpack-cli -D
查看局部webpack是否安裝成功
npm webpack -v
使用webpack打包某一個(gè)文件
npx webpack index.js
此時(shí)我們?cè)诟夸浿卸喑鲆粋€(gè)dist文件夾下一個(gè)main.js,我們?cè)趇ndex.html中將main.js引入蔗坯，此時(shí)我們就使用webpack完整的打包了index.html文件康震。
