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

Question

关于将 CryptoJS 库与 Angular 2 一起使用存在一大堆问题，但大多数问题都假设使用的是 SystemJS，而且所有问题似乎都与当前版本的 TypeScript 不合时宜。任何人都可以就如何将 CryptoJS 库与 Angular 2 和 TypeScript 一起使用提供清晰、简单的说明。

我使用 npm install crypto-js.

安装了 CryptoJS

我已经尝试了推荐的类型 install crypto.js --ambient --save 但这只是给出了一个关于 --ambient 被弃用并改用 --global 的警告。

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

任何对 WebPack、NodeJS 和 TypeScript 新手的建议都将不胜感激。我在 node_modules 文件夹下安装了 CryptoJS 库，但是任何 "sensible" 尝试 "import" CryptoJS 都失败了 "Module not found"。

Answer 1

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

解释：

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

Answer 2

这是最简单的逐步安装和使用示例（在 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 3

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

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

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

How to use CryptoJS with Angular 2 and TypeScript in WebPack build environment?

cryptojs

typescript

webpack

angular