前端胖籽 | WebPack 的简单应用
Posted 前端胖籽
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端胖籽 | WebPack 的简单应用相关的知识，希望对你有一定的参考价值。
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
版权说明
内容属于原创，版权归作者所有；
图片来源于网络，如有侵权，请联系删除。
以上是关于前端胖籽 | WebPack 的简单应用的主要内容，如果未能解决你的问题，请参考以下文章