一.什么是webpack。
webpack是前端资源构建工具+静态模块打包器。
1.前端资源构建工具：就是把一些浏览器不支持的文件比如less，sass，转换成浏览器支持的css这样的工具。
2.静态模块打包器：告诉webpack入口文件，webpack会根据页面依赖引用（比如import）的jquery，less文件形成树状管系图，形成一个chunk（代码块），然后再对代码块进行各项处理。比如less转成css，es6+转浏览器认识的es5，等等操作，这些操作就是打包。打包后，把处理好的资源输出出去，形成bundle。
二.webpack五个核心概念
- Entry
2.Output
3.Loader
4.Plugins
5.Mode
1.1 Entry：入口（entry）指示webpack以哪个文件为入口起点开始打包，分析构建内部依赖图。
2.1 Output：出口（output）指示webpack打包后的资源bundles输出到哪里去，以及如何命名。
3.1 Loader 让webpack能够去处理那些非javascript文件，（比如将图片，css翻译成webpack可以看懂的文件）（webpack自身只能理解javascript）
4.1 Plugins 可以用于执行范围更广的任务。插件的范围包括从打包优化和压缩，一直到重新定义环境中的变量等。
5.1 Mode
截屏2021-11-24 上午12.42.19.png
