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

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。

一、目标二、依赖能力三、压缩效果四、使用说明五、如何体验点击查看Github完整Demo1、安装与启动2、构建3、页面展示六、webpack-spritesmith配置介绍1、src这个属性用于配置你

WebP比同等质量的JPEG和PNG都要小，一般能减少25%-35%的文件大小，能有效的提升加载性能。 WebP是一种绝佳的方式来替代JPEG、PNG和GIF。而且WebP同时支持无损和有损压缩。无损压缩保证质量不降低，有损压缩则可以极大减少文件体积，但相应的质量会降低。 一般…

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

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…

TS编译器如何选择？ts-loader ? awesome-typescript-loader ? babel ?

webpack5 + vue3 + tsx 项目构建，使用React tsx的写法来开发VUE，提高代码的便捷性