我是否需要 Angular 項目中 Javascript 庫的 tsconfig 類型和 angular 腳本？

Question

所以我想知道將 Javascript 庫加載到 angular 項目中的正確方法是什么。 我目前正在向 package.json 添加依賴項和類型依賴項：

"@types/jquery": "^3.3.38",
"jquery": "^3.5.1",

然后在 tsconfig.json 添加類型：

"types": [
  "jquery"
]

然后將腳本導入angular.json：

"scripts": [
    "node_modules/jquery/dist/jquery.js"
]

是否需要所有這些步驟和/或我錯過了一個步驟？ 我希望 tsconfig 中的 typeRoots 標記能夠自動查找類型並加載腳本。 我還看到 javascript 庫無法從其他庫中找到函數，所以是否有額外的步驟來初始化它們？

Answer 1

你沒有別的事可做。 您可能會錯過的唯一一件事是，當您在 Angular 中使用它時，您必須從庫中導入它：

import * as $ from 'jquery';

要改進的一件事是使用縮小版本更改腳本的包含：

"scripts": ["../node_modules/jquery/dist/jquery.min.js"]