Question

因此，我现有的用于向CLI创建的项目添加依赖项的流程是：

1）npm install

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而无需导入它。

如何解决如何在CLI项目中包含jquery插件？

1 个答案: