Comment importer popper.js?

Question

Comment importer popper.js?

Demandé el 12 de Août, 2017: Quand la question a-t-elle été
68980 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Ouvert: Situation réelle de la question

Il semble être une lame de question, mais je ne peux pas le comprendre. Comment importer popper.js qui vient toghether avec Bootstrap 4 de la bêta?

J'utilise bower et j'ai installé Bootstrap 4 beta. Maintenant, en bower_components le dossier n'est - popper.js répertoire, qui contient un peu de sous-dossiers. Le problème c'est qu'il ne dist le dossier et popper.min.js le fichier.

Bootstrap 4 guide des liens à CA: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js

Mais comment faire pour importer popper.js sans CA? Où trouver de l' popper.min.js le fichier?

EDIT: Même si je télécharge zip de popper.js site web, il contient exactement les mêmes fichiers que d' bower.

Demandé el 12 de Août, 2017 par Qrzysio

Answer 1

5 Réponses

Answer 2

35voto

Zerus Points 187

J'ai rencontré le même problème.

J'ai téléchargé le fichier «popper.min.js» à partir du CDN sur le site Web de bootstrap.

Voir ici: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js

Plus simple que de compiler le projet.

Répondu el 13 de Août, 2017 par Zerus (187 Points )

Answer 3

14voto

Fez Vrasta Points 1501

Officiel pour installer Popper.js est de passer à la ngp, de la Laine ou de NuGet.

Utiliser l'une des commandes suivantes :

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

Tout est décrit dans la bibliothèque readme.

Quant à la "télécharge le zip, zip indique clairement qu'il contient le code source de la bibliothèque.

Edit:

A partir de la version 1.12.0, Popper.js est disponible en tant que Bower dépendance.

Cette méthode d'installation est pris en charge uniquement pour l' 1.x version de Popper.js et sera supprimée dans 2.x.

Vous devez migrer votre gestion de dépendances à un système moderne comme mnp ou de la Laine, comme Bower suggère ainsi.

Répondu el 13 de Août, 2017 par Fez Vrasta (1501 Points )

Answer 4

8voto

Lee Whitney Points 3570

Façons d'obtenir de l'popper.js: Forfait, CA et de fichiers Local

Le meilleur moyen dépend si vous avez un projet avec un gestionnaire de paquets comme mnp.

Le gestionnaire de Package
Si vous utilisez un gestionnaire de paquets, l'utiliser pour vous popper.js comme ceci:

npm install popper.js --save

CA
Pour un prototype ou un terrain de jeux de l'environnement (comme http://codepen.io) ou voulez juste une url vers un CDN fichier:

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

remarque: Bootstrap 4 nécessite les versions en vertu de l' umd chemin (plus d'info sur popper/bs4).

Fichier Local

Il suffit d'enregistrer l'un des CDN de fichiers à utiliser localement. Par exemple, coller l'une de ces Url dans un navigateur, puis " Enregistrer sous... pour obtenir une copie locale.

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

Répondu el 1 de Octobre, 2017 par Lee Whitney (3570 Points )

Answer 5

7voto

MrGreen Points 87

J'ai eu le même problème. Essayé différentes approches, mais celui-ci a fonctionné pour moi. Lire l'instruction de la http://getbootstrap.com/.

Copie de la CAN chemins de Javascripts (Popper, jQuery et Bootstrap) de la même manière (c'est important) comme donné.

<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>

Répondu el 2 de Novembre, 2017 par MrGreen (87 Points )

Answer 6

6voto

Surasin Tancharoen Points 594

Je ne comprends vraiment pas pourquoi Javascript monde en essayant de faire chose de plus compliqué. Pourquoi ne pas le télécharger et de les inclure dans des pages html? En essayant d'avoir quelque chose comme Maven en Java? Mais nous devons inclure manuellement en html, de toute façon? Alors, quel est le point? Peut-être qu'un jour je vais comprendre, mais pas maintenant.

C'est comment je peux l'obtenir

télécharger & installer NodeJs
exécuter "npm install popper.js --save"
ensuite, j'obtiens ce message

popper.js@1.12.7 ajouté 1 paquet de contribution maximale de 1,215 s
alors, où est "ajouter le package" ? très instructif , non? Je l'ai trouvé dans mon C:\Users\surasin\node_modules\popper.js\dist

Espérons que cette aide

Répondu el 11 de Novembre, 2017 par Surasin Tancharoen (594 Points )

Comment importer popper.js?

Réponses

Façons d'obtenir de l'popper.js: Forfait, CA et de fichiers Local

Questions en vedette

Top Tags

Prograide.com

Powered by:

Comment importer popper.js?

Réponses

Façons d'obtenir de l'popper.js: Forfait, CA et de fichiers Local

Questions connexes

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: