一句話描述webpack
一個(gè)可以將多個(gè)文件打成一個(gè)或者多個(gè)文件的工具泊藕,所謂的打包器搬男。如下圖腺兴,webpack可以將6個(gè)文件打包為比較少的3個(gè)文件悼尾。
我用webpack的方法
- 前提條件
- 安裝node.js,配置環(huán)境
- 安裝npm
- 通過(guò)npm安裝webpack(npm install -s-d webpack)
- 在項(xiàng)目根路徑下建立一個(gè)文件章贞,webpack.config.js祥绞。這個(gè)文件里寫的是webpack的配置,比如入口文件(entry)阱驾,生成打包文件的路徑和文件名(path就谜,filename),如何處理css里覆、less丧荐、png、jpg喧枷、ttf虹统、woff等各種格式的資源(modules:rules)等等。
- 具體的配置怎么寫隧甚,網(wǎng)上好多了哦车荔,不同版本的webpack也稍微有點(diǎn)區(qū)別。
- 使用plugins去實(shí)現(xiàn)特定的需求戚扳,比如打包時(shí)先清除目標(biāo)文件夾(一般都叫dist)忧便,根據(jù)不同環(huán)境去打包,自動(dòng)生成html等等帽借。