对于angular项目中的Javascript库,我是否需要Tconfig类型和angular脚本?

对于angular项目中的Javascript库,我是否需要Tconfig类型和angular脚本?,javascript,angular,typescript,Javascript,Angular,Typescript,因此,我想知道将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" ]

因此,我想知道将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"
]

是否需要所有这些步骤和/或我是否遗漏了一个步骤?我希望Tconfig中的typeRoots标记能够自动找到类型并加载脚本。我还看到javascript库无法从其他库中找到函数,因此是否有其他步骤来初始化它们?

您无需做其他事情。 您可能会错过的唯一一件事是,当您在Angular中使用它时,您必须使用以下工具从库中导入它:

import * as $ from 'jquery';
需要改进的一件事是,将脚本的包含更改为缩小版本:

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

这就是我目前为jQuery所做的。我不知道为什么它不能从根部被捡起来。@Brandon我能解决这个问题。显然,脚本的顺序很重要。它们按出现的顺序加载。