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

Question

我很困惑如何让Bootstrap 4运行到我的Aurelia网络应用程序中.在我们过去的项目中,我们使用RequireJS作为我们的捆绑器,但现在使用Aurelia CLI的新更新,它是使用WebPack的0.33.1版本.

任何按时间顺序执行如何安装它的人然后使用require ...在我们的视图上使用它？

非常感谢.

Answer 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'
}),