这是我参与「第五届青训营 」笔记创作活动的第15天

• Webpack 的本质

二、详细知识点介绍：

• Webpack 的本质

为什么要学习Webpack？

• 理解前端“工程化”概率、工具、目标
• 一个团队总要有那么几个人熟悉Webpack，某种程度上就可以成为个人的核心竞争力
• 高阶前端必经之路

什么是Webpack？

这些资源可以手动管理，但是依赖手工，比如有50个JS文件...操作，过程就很繁琐；当代码文件有依赖的时候，就得严格按依赖顺序书写；开发与生产环境一致，难以接入TS或JS新特性；比较难接入Less、Sass等工具；JS、图片、CSS资源管理模型不一致。这些都是旧时代非常突出的问题，对开发效率影响非常大。

为了解决上面的问题就出现了好多工具，比如webpack、rollup.js、Vite等等工具，在某种程度上正是出现了这些工程化工具才有了“前端工程”的这一概念。

本质就是一种前端资源编译、打包工具

• 多份资源文件打包成Bundle
• 支持Bable、Eslint、TS、CoffeScript、Less、Sass
• 支持模块化处理CSS、图片等资源文件
• 支持HMR+开发服务器
• 支持持续监听、持续构建
• 支持代码分离
• 支持Tree-shaking
• 支持Sourcemap ......

在学习这节课之前，我接触过webpack的知识，当时我是看的视频，一眼看过去那播放列表有那么长，心中就有点胆怯了，感觉webpack好难，果然在后面看视频学习的时候就学习得超级艰难，一天只能学那么一点点，感觉就是寸步难行，然后之后没学几天我就没心力学了，感觉学起来真的好难受。
今天学习了这节课，再一次认识到了webpack的重要性，所以在后续的学习中一定要努力啊！一定要把webpack这个难啃的骨头给它啃下来，加油吧！！