什么是Webpack
webpack议慰,是一個(gè)前端模塊構(gòu)建工具,利用Code Splitting
技術(shù)將靜態(tài)資源進(jìn)行模塊塊處理奴曙。
設(shè)計(jì)目標(biāo)
- 模塊分離别凹。
- 盡可能快的加載時(shí)間。
- 每一個(gè)靜態(tài)文件都能像模塊一樣洽糟,進(jìn)行加載番川。
- 能夠很好地兼容第三方包。
- 能夠靈活定制構(gòu)建工具的每一部分脊框。
- 適合大型項(xiàng)目開發(fā)颁督。
Webpack特點(diǎn)
Code Splitting
webpack能夠智能地分析,你的重復(fù)代碼浇雹,避免重復(fù)加載沉御。
Loaders
webpack可以在node.js環(huán)境下運(yùn)行,能將靜態(tài)文件變異成其他文件昭灵,例如babel可以將es5代碼轉(zhuǎn)換成es6吠裆。
Clever parsing
通過require
,基本什么類型的文件烂完,什么路徑都可以很方便地進(jìn)行加載
Plugin system
webpack 的特點(diǎn)就是可以定制很多插件试疙,你可以很方便地根據(jù)你的需要定制你的插件。
關(guān)于使用部分
因?yàn)榻坛踢€算豐富抠蚣,不是本文重點(diǎn)祝旷,我就不重復(fù)了,直接跳過。