1.打包:可以把多个JavaScript文件打包成一个文件,减少服务器压力和下载带宽。
2.转化:把拓展语言转化成为普通的JavaScript,让浏览器顺利运行
3.优化:前端变的越来越复杂后,性能也会遇到问题,而webpack也开始肩负起了优化和提升性能的责任
总的来说,其实WebPack可以看做是模块打包机。
一、具体的安装方法:
1.新建一个webpack.config.js的配置文件
注意这里的webpack.config.js不可以设置为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