通过 Webpack 安装引导 4答案

【问题标题】：Bootstrap 4 via Webpack install通过 Webpack 安装引导 4
【发布时间】：2018-07-06 04:26:33
【问题描述】：

如果我通过 Webpack 在我的 app.js 中安装 Bootstrap 4，如下所示：

import 'bootstrap';

我是否还必须安装 jquery 和 popper.js，例如：

import 'jquery';

import popper from 'popper.js';

或者是否已经从我的 package.json 中提取了对等依赖项？

我问的原因是因为我最初对所有 3 个文件进行了导入。但是，我只使用 import 'bootstrap' 进行了测试，一切似乎仍然正常。

【问题讨论】：

文档建议您需要单独加载它们：“Bootstrap 依赖于 jQuery 和 Popper，它们被定义为 peerDependencies，这意味着您必须确保将它们都添加到您的package.json 使用 npm install --save jquery popper.js。” getbootstrap.com/docs/4.0/getting-started/webpack

【解决方案1】：

jQuery 和 popper.js 在Bootstrap package.json:

中定义为 peerDependencies

"peerDependencies": {
  "jquery": "1.9.1 - 3",
  "popper.js": "^1.12.9"
},

因此，当您运行npm install 时，如果这两个依赖项中的任何一个尚未安装，您将收到警告。要安装它们，您需要运行：

npm install --save jquery popper.js

否则，您已经安装了它们。您可以在 node_modules 文件夹中查看已安装的依赖项。

请参阅相关的 Bootstrap 文档here。

【讨论】：

谢谢。我想这可能更像是一个 webpack 问题。我在 package.json 中有它们。然后在我的 app.js 中编写 'import boostrap; ' 那么我是否必须对 popper.js 做同样的事情 ' import popper from popper.js ' ？
不，只要您安装了这些对等依赖项，Bootstrap 将在没有这些导入的情况下正常工作。您需要导入它们的唯一原因是如果您需要在您的模块之一中直接使用 jQuery 或 popper.js。
啊。谢谢！这样就搞清楚了。您对 jQuery 的引用敲响了警钟，因为我认为我需要进行某种导出才能使用它，而不是为其他应用程序加载两次。我将不得不阅读它。