将 lodash 与 stenciljs 一起使用答案

【问题标题】：Using lodash with stenciljs将 lodash 与 stenciljs 一起使用
【发布时间】：2018-12-10 09:54:55
【问题描述】：

我正在尝试将 lodash 导入到我的 stenciljs 组件中。我尝试了多种方法并查看了许多有关此的解决方案，但没有运气。

我尝试过以下几种方式导入：

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

它们都不适合我。第一个不会抛出任何错误，但我无法使用 lodash 中的任何函数。其余方式抛出错误，构建失败。

任何帮助都会非常明显。

提前致谢！！

【问题讨论】：

【解决方案1】：

您的导入很好。模板编译器将您的 lodash 函数调用解析为“未定义”。尝试在您的项目中添加 lodash 类型。它应该在编译时解析函数定义。

yarn add -D  lodash @types/lodash

OR

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

【讨论】：

【解决方案2】：

我建议你使用 lodash-es 包，因为它是使用 es6 模块编写的，所以模板编译器将能够对你只需要的东西进行摇树

【讨论】：

【解决方案3】：

小提示，但正如@valikhan 建议的那样，你应该只导入你需要的包：

import _find from 'lodash/find'

在这种情况下，只会加载 find 模块，而不是所有的 lodash 库。请注意，如果您将解构用作import { find } from 'lodash/find'，您还将包含整个 lodash 库，而您实际上并不需要它。

【讨论】：