Twitter bootstrap 如何使用Aurelia CLI 0.33和Webpack在Aurelia项目中包括Bootstrap 4.0

我很困惑如何让Bootstrap4运行到我的Aurelia web应用程序中。 在我们过去的项目中，我们使用了RequireJS作为绑定器，但现在有了Aurelia CLI的新更新，即使用WebPack的0.33.1版

任何人谁有关于如何安装它的时间顺序步骤，然后在我们的视图上使用它需要

非常感谢。

安装：

yarn add bootstrap jquery popper.js

导入它：

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';

使用它：

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import $ from 'jquery';

export class App {
  attached() {
    $('[data-toggle="tooltip"]').tooltip();
  }
}

如果您不想每次导入jquery，而是将其用作全局查询，请修改webpack.config.js：

new ProvidePlugin({
    ...,
    $: 'jquery'
}),

安装它：

yarn add bootstrap jquery popper.js

导入它：

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';

使用它：

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import $ from 'jquery';

export class App {
  attached() {
    $('[data-toggle="tooltip"]').tooltip();
  }
}

如果您不想每次导入jquery，而是将其用作全局查询，请修改webpack.config.js：

new ProvidePlugin({
    ...,
    $: 'jquery'
}),

---

以前popper.js版本存在问题。使用bootstrap页面（）上的建议，添加jquerypopper。js@1.12.9bootstrapthere曾经是popper.js版本的问题。使用bootstrap页面（）上的建议，添加jquerypopper。js@1.12.9独自创立