反應：在使用 webpack 或其他東西安裝時，我們能否僅從 npm 模塊中引入選定的功能？

Question

我從這里嘗試了 webpack 基本設置：

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

在此鏈接中，我使用了 lodash npm 模塊的 function

_.join(['你好', 'webpack'], ' ');

但是 lodash 模塊中有很多我永遠不會使用的功能。

同樣，Material js、Bootstrap js 等。我們從不使用很多 function。

因此，在創建構建時，js 文件會很大，並且網站加載速度會變慢。

那么，我們可以只安裝選定的函數及其依賴項而不是完整的模塊安裝嗎？

Answer 1

如果你是 webpack4，他們已經實現了 tree shaking 選項，這意味着它將從庫中刪除你不使用的代碼。 Lodash 是可搖樹的，你可以像這樣導入你的庫

import { join } from 'lodash/join';

這只會從 lodash 導入連接。 您可以參考此文檔以獲取更多信息