如何在 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 ，不是嗎？