如何将仅实际使用的代码与WebPack捆绑在一起

Question

考虑到移动设备，我希望将需要在客户端上解析的代码量减到最少。

WebPack是否可以仅捆绑我的SPA实际使用的供应商代码的子集？

这将需要WebPack解析并理解我的代码，以便弄清楚在运行时可能会调用哪些供应商功能。

spa.js

console.log(
  `Result is: ${add(1, 1)}`
);

vendor.js

function add(a, b) { return a + b; }

// DO NOT BUNDLE
function subtract(a, b) { return a - b; }

Answer 1

默认情况下，Webpack从Webpack 2开始执行此操作。您可以在docs

中了解有关实施的更多信息