Webpack 的 tree-shaking 是基于 CommonJS 和 ESM（Es Module System）的。

CommonJS 是一个模块化的编程语言，它通过使用严格模式（.js extensions）来支持模块化。在 CommonJS 中，模块是独立的，它们有自己的数据和函数，可以有自己的命名空间和语法。

ESM 是一种新的 JavaScript 标准，它支持 ES6 的语法，同时也引入了 CommonJS 的特性，如模块的独立性和命名空间的可重用性。ESM 的引入使得模块的代码可以在其他语言中使用，例如 React。

Webpack 的 tree-shaking 是通过检测和删除不需要的模块来实现的。它会检查所有的模块，然后根据其使用的代码和变量数量来决定哪些模块会被删除。这个过程是自动的，不需要用户手动干预。

因此，可以说Webpack 的 tree-shaking 是基于 CommonJS 和 ESM 的。