一、前言 上一篇讲到不同模式下的打包配置，本篇将介绍代码分离（Code Splitting）。 观察以上代码，我们发现在开头同步引入了 lodash，这没什么问题，但是一旦这个 index.js 文件

1、前言 不知道大家面试的时候有没有遇到过这种情况：\ 面试官问你：了解过webpack嘛，之前有没有做过webpack的配置或者优化？ \ 然后你想半天，回答说：webpack是一个比较流行的打包工

本篇文章主要记录了webpack最常用的配置，包括开发环境的配置，生产环境的配置。还记录了常用的优化手段，包括构建速度优化和体积优化。

HTTP 缓存作为客户端缓存的一种是 Web 性能优化的重要手段，了解其原理，对于前端应用开发维护和面试都有重要的意义。本文还会通过介绍webpack打包配置来优化HTTP长期缓存。

这篇文章主要介绍了Webpack的代码分割功能。它详细解释了代码分割的原理,并通过一个完整的例子演示了如何在项目中实现代码分割。文章还深入分析了SplitChunksPlugin的源码,阐明了其工作流

webpack的性能优化较多，我们可以对其进行分类： 优化一：打包后的结果，上线时的性能优化。（比如分包处理、减小包体积、CDN服务器等） 优化二：优化打包速度，开发或者构建时优化打包速度。（比如ex

几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在，tree-shaking 的好处将根据你的代码库而有所不同。由…

掌握 TypeScript 项目的 tsconfig.json 编译配置，弄明白 TSC 编译器的优缺点，清楚打包工具处理 TS 的差异，总结企业级项目实践经验！

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理