webpack 介绍

Webpack 是一个前端资源打包器,可以把多个静态资源,例如 JavaScript,css,less,sass,图片等等, 打包成一个或多个 bundle.它通过使用智能分析和优化技术,如代码分离,代码转换,懒加载等等, 大大简化了前端开发的流程和提高了开发效率, Webpack 不仅仅是一个打包工具,它还具有很多强大的功能, 如代码分割,代码转换,模块管理,懒加载等等,极大的提高了前端开发的效率和体验, 同时, Webpack 也提供了丰富的插件和扩展,可以让开发者根据自己的需求定制化 Webpack 的行为和功能

注意

本笔记的内容是 webpack4, 属于是比较老旧的版本了, 本来要学习 webpack5 然后更新webpack笔记内容的, 但是 由于 vite 的速度 比 webpack 快很多, 而且基本 是真正做到了 out of box(开箱即用), 所以学习完vite之后, 就没动力学习webpack5了, 因为 vite 真的太 好用了, haha 😆