《webpack 实战（入门、进阶与调优）》笔记，深入理解webpack常见面试问题，开发部署的优化方案。建议阅读原书，可以当成工具书，用的时候拿出来翻一番。

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。😄 我是秦爱德，一名web前端划水员。提起webpack基本上是面试必问，工作必用的技术。多年来，随着技术的不断发展与变更，前端越来越注重模块化、组件化、工程化。这也迫使了webpack正在变得越来越重要！ 我本身是学java…

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

大多数情况下，我们使用 webpack来打包单页应用程序，这个时候只需要配置一个入口，一个模板文件，但也不尽是如此，有时候也会碰到多页面的项目，而且以我的经验来看，这种情况出现的频率还不低，例如项目比较大，无法进行全局的把握，或者项目需要多次的更新迭代等，都适合做成多页面程序，…

1. webpack是干什么的，它如今在前端是一个什么样的地位 这个其实不用多说了，如今的前端项目哪里还有用不到打包工具的呢，而webpack又作为打包工具中的王者我们又有什么理由不去搞明白它呢。 2. commonjs与ES6 Module不应该了解吗 默认导出export …

最近在引用自己写的一个插件的时候，偶然发现webpack下引用 node_modules下的文件与直接引用文件夹中的文件表现不一致。文件内容都是由webpack打包出的同一个文件 umd.js，从node_modules 引入的可以直接使用，但是从普通文件夹中引入的文件在浏览器…

针对技术而言，越学越感觉不会的太多。可能是没到达一定的境界。在网上冲浪学习的时候，看到有些大佬文笔从容，思路清晰。对某个技术点的深度刨析。真产生了一种发自内心的尊重和佩服和尊重和佩服。有些时候，一段文字就能点醒你，原来是这样！！！有时候感觉到这东西被嚼碎了往你嘴里塞你都嚼不动的…

对于前端同学来说webpack应该一点不陌生，现在应该大部分的工程都在使用webpack来进行构建。 现在很多的框架都已经提供相应的脚手架命令行工具，直接执行之后就会生成对应的模板项目。 但是我们仍然需要知道webpack的工作原理到底是什么？知道之后也方便我们对现有的项目进行…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…