Webpack 构建流程分析 - 了解构建过程与各阶段作用

使用 Webpack Dev Server 进行开发

1、三者之间的区别

Webpack 优化与性能调优

Webpack 与前端工程化

使用 Webpack 插件开发 - 扩展 Webpack 的功能

程序员优雅哥(youyacoder)简介：十年程序员，呆过央企外企私企，做过前端后端架构。分享vue、Java等前后端技术和架构。
本文摘要：主要讲解运用Webpack 5 中集成 ESLint 的方法与步骤

为了统一团队代码的开发风格，避免一些不必要的麻烦，我们有必要引入eslint做代码检查。

4年前给一个美术馆做的微信公众号门票售卖H5、后台管理系统以及核销app，最近客户要求升级一些功能，由于是老项目了，当我读着以前写的烂代码，觉得这次很有必要重构一下框架，升级一下插件了。

心里是很有干劲的，但是这次升级竟硬硬的肝了我3个日夜，用了各种搜索引擎以及chatgtp等工具，教训依然惨痛！每一次取得进展之后总觉得胜利在望之时，却又总是被折磨的死去活来，每个晚上本打算11点结束战斗，却最后都是毫无例外被逼着熬到凌晨2点，而且最后都是带着问题被迫去睡觉，这对于一个37岁的老程序员来说极其难受！

目录

1. 前言
2. 初始化项目
3. webpack基础配置