如何在 WebPack 构建环境中将 CryptoJS 与 Angular 2 和 TypeScript 一起使用？

Question

关于在 Angular 2 中使用 CryptoJS 库有很多问题，但大多数都假设使用 SystemJS，而且所有问题似乎都与当前版本的 TypeScript 过时了。 任何人都可以就如何在 Angular 2 和 TypeScript 中使用 CryptoJS 库给出清晰、简单的说明。

我已经使用npm install crypto-js安装了 CryptoJS。

我已经尝试了在nstall crypto.js --ambient --save推荐的nstall crypto.js --ambient --save但这只是给出了关于 --ambient 被弃用并使用 --global 的警告。

我已经使用了 --global ，但随后会出现错误，提示没有可用的类型！

对 WebPack、NodeJS 和 TypeScript 新手的任何建议将不胜感激。 我在 node_modules 文件夹下安装了 CryptoJS 库，但任何“明智的”尝试“导入”CryptoJS 都会失败，并显示“找不到模块”。

Answer 1

这是最简单的分步安装和使用示例（在 nativescript/typescript/angular 项目中工作）：

npm install crypto-js

然后：

npm install --save @types/crypto-js

导入一些组件：

import * as crypto from "crypto-js";

并使用它：

crypto.DES.decrypt("Your secret", "YOUR_CRYPTO_KEY");

Answer 2

npm 中的 crypto-js 包没有内置类型，不再维护。

你可以试试这个，Witch 是我维护的，和 crypto-js 一样，支持 TypeScript 和 ES6 模块： https ://www.npmjs.com/package/crypto-es。

Answer 3

typings install dt~crypto-js --global --save

解释：

• --global CryptoJS 是全局模块
• dt~类型在DT存储库中： https : //github.com/DefinitelyTyped/DefinitelyTyped
• --save因为您希望它存储在typings.json ，不是吗？