1.打包:可以把多個JavaScript文件打包成一個文件,減少服務(wù)器壓力和下載帶寬。
2.轉(zhuǎn)化:把拓展語言轉(zhuǎn)化成為普通的JavaScript,讓瀏覽器順利運行
3.優(yōu)化:前端變的越來越復雜后,性能也會遇到問題,而webpack也開始肩負起了優(yōu)化和提升性能的責任
總的來說,其實WebPack可以看做是模塊打包機。
一、具體的安裝方法:
1.新建一個webpack.config.js的配置文件
注意這里的webpack.config.js不可以設(shè)置為webpack-config.js,會識別不了的
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.運行命令:webpack
