1.打包:可以把多個(gè)JavaScript文件打包成一個(gè)文件唯笙,減少服務(wù)器壓力和下載帶寬唆樊。
2.轉(zhuǎn)化:把拓展語(yǔ)言轉(zhuǎn)化成為普通的JavaScript冬筒,讓瀏覽器順利運(yùn)行
3.優(yōu)化:前端變的越來越復(fù)雜后浅碾,性能也會(huì)遇到問題挡逼,而webpack也開始肩負(fù)起了優(yōu)化和提升性能的責(zé)任
總的來說,其實(shí)WebPack可以看做是模塊打包機(jī)错邦。
一探赫、具體的安裝方法:
1.新建一個(gè)webpack.config.js的配置文件
注意這里的webpack.config.js不可以設(shè)置為webpack-config.js,會(huì)識(shí)別不了的
module.exports={
entry:'./main.js',
output:{
filename:'bundle.js'
}
};
2.快捷鍵:win+R,輸入cmd
npm install -g webpack
3.webpack
二撬呢、Webpack 的多入口文件
1.直接在webpack.config.js文件寫入
module.exports={
entry:{
bundle1:'./main.js',
bundle2:'./main1.js',
},
output:{
filename:'[name].js'
}
};
2.運(yùn)行命令:webpack