自举5 ESM和Webpack Encore

Question

我遇到了一些麻烦，Webpack，Encore & Bootstrap 5 ESM。

首先，引导全局变量不可用，但是BS的文档所指的是。

其次，引导程序没有加载它的jquery插件，因此任何现有的使用都会中断。

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

在我的app.js里

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

注意:我使用BS 5 ESM来获得与模块的兼容性，特别是与刺激控制器和popperjs兼容。

这些技术都很棒，但结合在一起，这就是地狱。

Answer 1

您在app.js中尝试过像这样导入引导程序吗？

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。