javascript - 将 lodash 与 stenciljs 一起使用

Question

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

我尝试通过以下方式导入：

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

他们都不为我工作。第一个不会引发任何错误，但我无法使用 lodash 中的任何函数。其余方式引发错误并且构建失败。

任何帮助都会非常显着。

提前致谢！！

score 3 · Accepted Answer

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

yarn add -D  lodash @types/lodash

OR

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

score 3 · Accepted Answer

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

score 1 · Accepted Answer

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

import _find from 'lodash/find'

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

3 回答 3