【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

前言 对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个

1. 适当大小的图像 提供适当大小的图像，以缩短加载时间。 2. 提供新一代格式的图像 提供JPEG 2000，JPEG XR和WebP这样的图像格式通常比PNG或JPEG更好的压缩率，意味着更快的下载速度和更少的数据消耗。 3. 视频格式替换动图(gif/apng) 大的GI…

本文为稀土掘金技术社区首发签约文章。 很多小伙伴都说学会了web worker，但是在实际的项目中好像没有什么实战场景。因此，小羽整理出来了比较通用的场景，希望可以给小伙伴们提供到一些帮助~

故事背景是入职不久后被领导喊去优化基建相关的事，从上一篇面试篇知道，入职不久后主管丢给我一个表格，上面列了四五条，都是当前项目存在的一些问题，让我看看有哪些可以去解决掉，一眼就瞅到了一个语言包优化。