如何使用Aurelia CLI 0.33和Webpack

时间:2018-06-18 14:38:50

标签: twitter-bootstrap bootstrap-4 aurelia aurelia-cli

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

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

非常感谢你。

1 个答案:

答案 0 :(得分:5)

安装它:

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