將Lodash與stenciljs一起使用

Question

我正在嘗試將lodash導入我的stenciljs組件。 我已經嘗試了多種方法，並查看了許多與此相關的解決方案，但是對此並不走運。

我嘗試通過以下方式導入：

import * as _ from 'lodash';
import _ from 'lodash';
import 'lodash';
import {_} from 'lodash';

他們都沒有為我工作。 第一個不會引發任何錯誤，但是我無法使用lodash中的任何函數。 其他方法會引發錯誤，並且構建會失敗。

任何幫助都是非常可觀的。

提前致謝！！

Answer 1

我建議您使用lodash-es軟件包，因為它是使用es6模塊編寫的，因此模具編譯器將能夠只用樹狀搖動東西

Answer 2

您的導入很好。 模具編譯器正在將lodash函數調用解析為“未定義”。 嘗試在項目中添加lodash類型。 它應該在編譯時解析函數定義。

yarn add -D  lodash @types/lodash

OR

npm install --save-dev lodash @types/lodash

Answer 3

小提示，但正如@valikhan建議的那樣，您應該僅導入所需的軟件包，如下所示：

import _find from 'lodash/find'

在這種情況下，只會加載find模塊，而不是所有lodash庫。 請注意，如果您使用解構作為import { find } from 'lodash/find' ，那么您實際上將不需要時也將包括整個lodash庫。