javascript - Bootstrap 未在 webpack 项目中完全加载

Question

我有一个 webpack 项目，我在配置文件中添加了 Bootstrap :

module.exports = {
  entry: {
    app: './src/main.js',
    bootstrap: 'bootstrap-loader',
  },
  ...
}

Bootstrap 显然已加载，因为样式正确，并且我可以与模式和下拉菜单进行交互。但是， Bootstrap 事件不会触发。例如:

$('#foo').on('show.bs.dropdown', () => {
    // never gets here when I click on #foo element and dropdown is shown
});

当我在控制台中检查 typeof($.fn.modal) === 'function' 时，我也得到 false。

有谁知道我需要做什么才能将 bootstrap 正确加载到我的 webpack 项目中？

Answer 1

我发现我可以在 app 条目中加载我的 main.js 和 bootstrap-loader，现在 bootstrap 可以正确加载:

module.exports = {
  entry: {
    app: ['./src/main.js', 'bootstrap-loader']
  },
  ...
}