Как связать только фактически используемый код с 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 и далее.Подробнее о реализации вы можете прочитать в документах