如何导入popper.js?

Qrz*_*sio 32 javascript bootstrap-4 popper.js

这似乎是一个蹩脚的问题,但我无法弄清楚.如何导入与Bootstrap 4 beta相关的popper.js?

我使用凉亭,我已经安装了Bootstrap 4 beta.现在在bower_components文件夹中有一个popper.js目录,其中包含一些子文件夹.问题是没有dist文件夹和popper.min.js文件.

Bootstrap 4指向CDN的指南:https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js

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

编辑:即使我zip从popper.js网站下载它包含完全相同的文件bower.

Sor*_*ora 19

我遇到了同样的问题.

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

见这里:https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js

比编译项目更容易.

  • 关于这种方法的很酷的部分,你已经支持我的库的最新版本,你错过了一些重要的修复.这就是依赖管理者存在的原因. (3认同)

Fez*_*sta 12

安装Popper.js的官方方式是通过npm,Yarn或NuGet.

使用以下任一命令:

npm i popper.js
yarn add popper.js
PM> Install-Package popper.js
Run Code Online (Sandbox Code Playgroud)

一切都在图书馆自述文件中描述.

关于"下载zip",zip清楚地表明它包含库的源代码.

编辑:

从版本开始1.12.0,Popper.js可用作Bower依赖项.

此安装方法仅支持1.xPopper.js 的版本,并将在其中删除2.x.

您应该将依赖关系管理迁移到现代系统,如npm或Yarn,正如Bower所建议的那样.

  • 您可以在dist文件夹中找到这些文件.确保安装popper.js,而不是"popper" (7认同)
  • 不推荐使用Bower,您应该使用npm (3认同)

whi*_*and 7

获取popper.js的方法:包,CDN和本地文件

最好的方法取决于您是否有一个带有软件包管理器(如npm)的项目。

软件包管理器
如果您使用的是软件包管理器,请使用它来获取popper.js,如下所示:

npm install popper.js --save
Run Code Online (Sandbox Code Playgroud)

CDN
对于原型或游乐场环境(例如http://codepen.io),或者可能只需要指向CDN文件的网址:

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路径下的版本(有关popper / bs4的更多信息)

本地文件

只需保存其中一个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


Sur*_*oen 6

我真的不明白为什么Javascript世界试图做更复杂的事情.为什么不下载并包含在HTML中?试着在Java中使用像Maven这样的东西?但我们必须手动将其包含在html中吗?那么,有什么意义呢?也许有一天我会理解但不是现在.

这就是我如何得到它

  • 下载并安装NodeJs
  • 运行"npm install popper.js --save"
  • 然后我收到这条消息

    popper.js@1.12.7在1.215s中添加了1个包

  • 那么"添加包"在哪里?信息量很大,对吗?我在我的C:\ Users\surasin \node_modules\popper.js\dist中找到了它

希望这有帮助

  • 太多基于意见的答案而没有大量的技术资源。 (2认同)

MrG*_*een 5

我有同样的问题。尝试了不同的方法,但是这一方法对我有用。阅读http://getbootstrap.com/中的说明。

以与给定相同的方式(很重要)复制Javascript(Popper,jQuery和Bootstrap)的CDN路径。

在此处输入图片说明

<head>
//Path to jQuery
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

////Path to Popper - it is for dropsdowns etc in bootstrap
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>

//Path to bootsrap
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</head>
Run Code Online (Sandbox Code Playgroud)


Qrz*_*sio 0

事实证明,Popper.js并未在其 GitHub 存储库上提供已编译的文件。因此,必须自己编译项目或从CDN下载编译后的文件。无法自动导入。

  • 建议的方法是实际使用 npm (2认同)