使用stenciljs

Question

我正试图将lodash导入到我的stenciljs组件中。我尝试过多种方法，并在这方面看了很多解决方案，但在这方面没有任何进展。

我曾尝试以下列方式输入：

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

他们都不是为我工作的。第一，没有抛出任何错误，但我不能使用任何函数从提交。其余的抛出错误和构建失败的方式。

任何帮助都是值得感激的。

提前谢谢！！

Answer 1

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

yarn add -D  lodash @types/lodash

OR

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

Answer 2

我建议您在使用es6模块编写时使用lodash包，这样模板编译器就可以只需要树抖动了。

Answer 3

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

import _find from 'lodash/find'

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