Bootstrap 5 ESM and Webpack Encore

Question

我在使用Webpack Encore &

首先，bootstrap全局变量不可用，但BS的文档引用了。

第二，bootstrap没有加载它的jquery插件，所以任何现有的用法都被破坏了。

那么，如何解决这些问题呢?

在我的app.js

import 'bootstrap/dist/js/bootstrap.esm.js';

NB:我正在使用bs5 ESM来获得与模块的兼容性，特别是与刺激控制器&;popperjs。
这些技术都很棒，但放在一起，这就是地狱。

Answer 1

您是否尝试在app.js:

中导入这样的bootstrap:

import 'bootstrap';

在Webpack Encore中你会得到这样的东西:

/* harmony import */ var bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap */ "./node_modules/bootstrap/dist/js/bootstrap.esm.js");

你可以看到它自动带你到bootstrap.esm.js