如何导入popper.js？

Question

这似乎是一个蹩脚的问题，但我想不出来。如何导入Bootstrap4测试版附带的popper.js？

我使用Bower，并且我已经安装了Bootstrap 4 beta版。现在，在bower_components文件夹中，有popper.js目录，其中包含几个子文件夹。问题是没有dist文件夹和popper.min.js文件。

引导4指南链接到CDN：https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js。

如何在没有CDN的情况下导入popper.js？在哪里可以找到popper.min.js文件？

编辑:即使我从popper.js网站下载了一个zip文件，它包含的文件也与我从Bower下载的文件相同。

Answer 1

我遇到了同样的问题。

我从bootstrap网站上的CDN下载了'popper.min.js‘文件。

查看此处：https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js

比编译项目更容易。

重要提示：您必须在jquery之后但在bootstrap之前包含popper。

Answer 2

安装Popper.js的官方方式是npm、Yarn或NuGet。

使用以下命令之一：

npm i popper.js
yarn add popper.js
PM> Install-Package popper.js

所有内容都在库自述文件中进行了描述。

关于“下载zip"，zip清楚地声明它包含库的源代码。

编辑

从1.12.0版本开始，Popper.js可以作为Bower依赖项使用。

此安装方法仅在Popper.js的1.x版本中受支持，并将在2.x中删除。

正如Bower所建议的，您应该将依赖项管理迁移到像npm或Yarn这样的现代系统。

Answer 3

获取popper.js的方式:包、CDN和本地文件

最好的方式取决于你的项目是否有像npm这样的包管理器。

包管理器

如果你使用的是包管理器，使用它来获取popper.js，如下所示：

npm install popper.js --save

CDN

对于原型或游乐场环境(如http://codepen.io)，或者可能只需要CDN文件的url：

https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.5/umd/popper.js https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.5/umd/popper.min.js

注意: Bootstrap 4需要umd path 下的版本。

本地文件

只需保存其中一个CDN文件即可在本地使用。例如，将其中一个URL粘贴到浏览器中，然后另存为...获取本地副本。

https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.5/umd/popper.js https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.5/umd/popper.min.js