如何弄清楚如何在CLI项目中包含jquery插件?

Question

因此，到目前为止，我现有的将依赖项添加到使用 CLI 创建的项目的流程是这样的：

1) NPM 安装

2)打开aurelia.json并尝试添加软件包的名称，例如：

"dependencies": [
...
"jquery.scrollTo",

这在很多时候都有效。如果这不起作用，我会尝试更详细的方法，如下所示：

{
"name": "jquery.scrollto",
"path": "../node_modules/jquery.scrollto",
"main": "jquery.scrollTo",
"deps": [
"jquery"
]
}

上述两种方法之一通常有效，但还有一些方法需要前置。这样：

"prepend": [
"node_modules/jquery.scrollto/jquery.scrollTo.js"

我正在尝试安装一个插件到 jquery，"jquery.scrollTo"，但上述方法都不起作用。因此，我想得到更好的理解。

Prepending 说 jQuery 未加载，其他方法似乎没有扩展 jQuery 并在"运行时"失败

我也尝试过各种导入，但即使它确实有效，我也希望这是全球性

的，而无需导入

import { scrollTo } from 'jquery.scrollto';
export class Menu
{
constructor(){
}
scrollToPage(elementId:string)
{
debugger;
$("body").scrollTo($(elementId)); //scrollTo not found
}
}

Answer 1

你应该同时加上jQuery和ScrollTo。喜欢这个：

"prepend": [
"node_modules/jquery/dist/jquery.js",
"node_modules/jquery.scrollto/jquery.scrollTo.js"
]

现在，您可以使用scrollTo而无需导入它。