在aurelia app中需要bootstrap和jquery

Question

我是Aurelia的新手,所以我不确定这应该如何运作.我创建了一个新的Aurelia项目,并且还bootstrap简单地安装了jspm install 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.这是正常的吗？

第二次尝试:

我改变了我require的意思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.jsjquery中有这个:

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

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

Answer 1

该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';

然后你可以使用$你想要的功能.