在aurelia app中需要bootstrap和jquery

我是Aurelia的新手,所以我不确定这应该如何运作.我创建了一个新的Aurelia项目,并且只需通过执行jspm install bootstrap就可以安装bootstrap.我在控制台中看到这也引入了 jquery 3.0.0.

现在我的问题是,如何在我的项目中使用bootstrap.css,bootstrap.js和jquery.js？

第一次尝试：

在app.html中,我尝试执行以下操作：

<require from="bootstrap"></require>

我尝试过,因为我的config.js中有以下行：

map: {
    ...
    "bootstrap": "github:twbs/bootstrap@3.3.6",
    ...
}

这种工作在某种意义上它加载了bootstrap.js,但随后在浏览器中出现错误,它缺少jquery.js.所以它不会自动为我加载jquery.这是正常的吗？

第二次尝试：

我在app.html中更改了我的要求：

<require from="jquery/dist/jquery.js"></require>
<require from="bootstrap/css/bootstrap.css"></require>
<require from="bootstrap/js/bootstrap.js"></require>

我不知道它是如何知道在哪里查找bootstrap.js和bootstrap.css文件,因为它们位于：jspm_packages/github/twbs/bootstrap@3.3.6/css/bootstrap.css等.但它知道如何找到引导程序文件.但不是jquery文件.

我在我的config.js中有这个用于jquery：

map: {
    ...
    "github:twbs/bootstrap@3.3.6": {
      "jquery": "npm:jquery@3.0.0"
    },
    ....
}

基本上我的问题是,这应该怎么做？当我< require from =“bootstrap”>时,应该要求自动加载所有必要的文件.或者我还应该将它们作为单个文件加载？如果是这样,我如何在这种情况下加载jquery？

require元素用于提取Aurelia组件,html模板(Aurelia组件)或css文件.它不是用于加载javascript文件.

Aurelia框架显示了如何在其main.js文件中加载Bootstrap：

import 'bootstrap';

是文件中的第一行.这将初始化Bootstrap的javascript代码.

在app.html中,require元素用于加载Bootstrap的css：

<require from="bootstrap/css/bootstrap.css"></require>

将jQuery导入到文件中也非常简单：

import $from 'jquery';

然后你可以使用你想要的$函数.