彻底搞懂webpack

如果有人问你 webpack loader 的执行顺序，相信 90% 的人都会回答从右向左执行。但真相果真如此吗？让我们一起看一些非从右到左的例子。

sourcemap 的作用就是将编译后代码映射为编译前源代码，所以要搞明白 sourcemap 的核心原理，就是搞明白如何将编译后代码映射为编译前源代码，下面让我们看一下其具体的设计思路。

本文将讲述开发环境下 vue3 项目打包器从 webpack 迁移到 vite 过程中的所遇问题、解决方案、迁移感受，以及如何不修改任何源码完成迁移。

总结了 webpack5 的 8 个速度优化和 6 个体积优化的实用方案，在你的项目中也尝试一下吧，直接起飞

hash通常被作为前端静态资源实现增量更新的方案，通过在文件名中带上一串hash字符串，告诉浏览器该文件是否发生更新，从而决定是否要使用缓存机制。 webpack打包时的hash有三种：fullhas

本文将介绍 SourceMap 的作用、简单工作原理以及 webpack 中不同 devtool 所构建的SourceMap有何区别，以及如何选择最合适的devtool，希望对大家有所帮助