我如何使用lodash与Ionic 2？

Question

我刚刚开始使用Ionic 2开发一个新项目.我是TypeScript的新手,并且一直试图弄清楚如何将lodash包含到我的项目中.

那里有没有人做过这件事,能指出我正确的方向吗？

Answer 1

1. 安装lodash与npm从终端:

   $:npm i -S lodash 
   // npm install --save lodash (--save,-S saves to package.json)
   

2. 在组件中导入lodash,如下所示:

   import * as _ from 'lodash';
   

Answer 2

从Ionic 2 RC0开始,您必须执行以下操作.

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

并导入它

import _ from 'lodash';

Answer 3

对于Ionic 3的未来用户

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

官方文件

npm install将从NPM下载该库的副本并将其保存在您的应用程序的node_modules目录中.--save将告诉NPM CLI在您的应用程序的package.json依赖项列表中添加一个条目.您现在可以使用该库.

如果要从lodash导入所有函数,请使用

import lodash from 'lodash';
lodash.capitalize('myStringToCapitalize');

如果你想使用lodash中的特定功能,那么使用

import { shuffle } from 'lodash';
shuffle(results);

Answer 4

实际上,lodash如果你试图lodash在你的离子2应用程序中使用,上面没有提到你需要安装的类型定义.要将lodash类型定义安装到项目中,请运行以下命令:

• 将typings节点模块安装为全局模块(如果尚未安装):sudo npm install typings --global
• 安装lodash到您的项目:npm install lodash --save
• 安装lodash的类型定义:typings install lodash --save

完成将lodash项目类型定义安装到项目后,可以导入lodash到ionic2 .ts文件中,如下所示:

import * as _ from 'lodash';

更新:10/02/2017 Ionic团队发布了一份文档,介绍如何在Ionic项目中使用第三方库.请参考这里查看如何使用lodash与最新离子的示例http://ionicframework.com/docs/developer-resources/third-party-libs/