Блог

Я попробовал базовую настройку webpack отсюда:

https://webpack.js.org/guides/getting-started/

В этой ссылке я использовал функцию модуля Lodash npm

_.join([‘Hello’, ‘webpack’], ‘ ‘);

но в модуле Lodash доступно много функций, которые я никогда не буду использовать.

Например, wise, Material js, Bootstrap js и т.д.. Мы никогда не используем много функций.

Из-за этого при создании сборки размер файла js будет большим, и сайт будет загружаться медленнее.

Итак, можем ли мы установить только выбранные функции с их зависимостью вместо полной установки модуля?

Если вы используете webpack4, они реализовали опцию встряхивания дерева, это означает, что он удалит код, который вы не используете, из библиотеки. Lodash — это дерево, вы можете импортировать свою библиотеку следующим образом

 import { join } from 'lodash/join';
 

Это приведет только к импорту соединения из Lodash.
Вы можете обратиться к этому документу для получения дополнительной информации