В чем разница между производством и разработкой веб-пакетов в отношении встряхивания деревьев

в моей конфигурации веб-пакета

когда

mode: "development"

если я использую

import { pick, flattenDeep, chunk, fromPairs } from 'lodash-es';

or

import _ from 'lodash-es';

размер связки такой же примерно 3,27 мб.

но когда я устанавливаю режим производства в своей конфигурации веб-пакета, я получаю размер пакета 1,52 МБ для первого синтаксиса импорта, но я получаю 2,5 МБ для второго синтаксиса, что заставляет меня думать, что при разработке не происходит дрожание дерева .

Я читал в другом вопросе о переполнении стека, что lodash-es был модулем es6 и что веб-пакет мог только дрожать на них, а не общие js, и я также прочитал, что при разработке конфигурации веб-пакета мне понадобится

plugins: [
    new webpack.optimize.ModuleConcatenationPlugin()
],

который у меня был все время.

Поэтому мне любопытно, чего мне не хватает и почему размер пакета не уменьшается в процессе разработки при использовании упомянутого плагина.

Я экспериментирую с этими изменениями в примере проекта, который я создал на https://github.com/JordanKlaers/vueWebpackPlayground