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

Question

我很困惑如何将 Bootstrap 4 运行制作到我的 Aurelia 网络应用程序中。在我们过去的项目中，我们使用 RequireJS 作为我们的捆绑器，但现在使用 WebPack 的 Aurelia CLI 版本 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'
}),

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

How to Include Bootstrap 4.0 in an Aurelia project using Aurelia CLI 0.33 and Webpack

twitter-bootstrap

aurelia

bootstrap-4