摘要：一個(gè)文件，一張圖片一個(gè)文件都是一個(gè)模塊，都能用導(dǎo)入模塊的語(yǔ)法的，的導(dǎo)入進(jìn)來(lái)。自身只能讀懂類型的文件，其它的都不認(rèn)識(shí)。

webpack是一個(gè)前端模塊化打包工具指（由于模塊化開發(fā)，所以需要打包，這里所說的模塊化開發(fā)主要指JS)

由于現(xiàn)代前端應(yīng)用程序越來(lái)越復(fù)雜，需要采用模塊化進(jìn)行開發(fā)，但瀏覽器還未支持模塊化開發(fā)，所以webpack才誕生

webpack默認(rèn)只支持js的模塊化（CommonJS/ES6/AMD），如果需要把其他文件（css/圖片等）也當(dāng)成模塊引入，就需要相對(duì)應(yīng)的loader解析器

掛載點(diǎn)

傳統(tǒng)前端的掛載點(diǎn)：html入口文件 （無(wú)論是js、css還是圖片等資源都統(tǒng)一由html文件管理和調(diào)度）

現(xiàn)代前端的掛載點(diǎn)：js入口文件 （無(wú)論是js組件、css還是圖片等資源都統(tǒng)一由js文件管理和調(diào)度，html文件作為模板）

模塊化與打包工具

傳統(tǒng)前端：都是多頁(yè)面應(yīng)用，無(wú)模塊化概念，因此無(wú)需打包工具

現(xiàn)代前端：可以是單頁(yè)面應(yīng)用，也可以是多頁(yè)面應(yīng)用，有模塊化概念，由于歷史原因，很多瀏覽器還不支持模塊化，故出現(xiàn)打包工具

導(dǎo)入模塊資源

傳統(tǒng)前端：在html文件，導(dǎo)入css資源使用