前端工程化
前端工程化
本文讨论了前端工程化中的构建工具，重点介绍了webpack的概念、打包原理、配置项、使用方法，以及loader和plugin的开发，还提及了vite和ESLint等工具。关键要点包括：
1.
构建工具的作用：帮助开发者管理本地源文件，优化开发流程，降低开发复杂度。
2.
webpack的功能：现代JavaScript应用程序的静态模块打包器，可处理多种模块化开发，合并文件减少http请求。
3.
webpack的配置项：包括入口、出口、loader、plugin、模式等，不同模式下有不同优化。
4.
loader的开发：负责将资源内容翻译成js代码，有同步、异步、Pitching等类型。
5.
plugin的开发：深度介入Webpack构建过程，通过注册钩子回调扩展构建逻辑。
6.
vite的优势：解决了webpack构建时间长、服务器启动慢等问题，配置简单，开发快速。
7.
ESLint的应用：JavaScript代码风格检查工具，可自动识别并修复违反风格规则的代码。