为什么Webpack生产建设执行代码？

Question

我是webpack的新手，我和我试着理解为什么在生产模式下运行webpack时，不包括功能，而是只显示输出。

我读过关于摇动树的文章，但这是另外一回事。为什么webpack在制片中翻代码？有医生说的吗？

util.js

export function square(x) {
  return x * x;
}

export function cube(x) {
  return x * x * x;
}

index.js

import { cube } from "./util.js";

console.log(cube(3));

bundle.js

(()=>{"use strict";console.log(3*3*3)})();

webpack

module.exports = {
  mode: "production",
  entry: ["./src/index"],
}

Answer 1

您的代码是由Webpack的扫雷器(很可能是内嵌 )编写的。

显然，cube(3)只能表示3 * 3 * 3，而且cube()没有其他用途，因此没有必要保留该函数。

一旦添加了对cube()的另一次调用，它就不再内联。