现在已经快到2024年，本篇文章主要介绍下，对照webpack5最新的文档，重新梳理下 webpack 的最新的最佳实践。

esbuild 是基于 Golang 开发的一款打包工具，其主要目的是为了提升构建速度，相比传统打包工具速度可快 10 ~ 100 倍。

提到打包工具，可能你会首先想到 webpack。 那没有 webpack 之前，都是怎么打包的呢？ webpack 都有哪些功能？为什么这么设计呢？ 这篇文章我们就来一起探究一下。 其实之前都不打包的

webpack v4 开始新增了一个 sideEffects 特性，通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用)，从而可以为 tree-shaking 提供更大的优化空间。 基于我们对 fp…

全网最全的webpack热更新调优方式； 帮助你有效的提高前端项目的热更新速度； 学会根据自己项目特点来进行优化。

externals 从输出的bundle中排除依赖的，被externals的依赖，不会被resolve，从用户环境中获取； 设置了以后，import的包，不会被打包到最终的bundle中，运行时，再从

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 3 天，点击查看活动详情 默认原则与默认值 默认情况下，它只会影响到按需加载的 chunks。 webpack 将根据以下条件自

react17之后，无需引入React就可以使用JSX，本文使用webpack + react + eslint+ ts^4.6出现报错，在参考cra-ts项目配置，得到解决方案。

使用webpack5 配置 module时为了相同的样式名称不会被覆盖需要开启css modules webpack5 如何开启css Modules