Comment importer popper.js?

il semble que c'est une question boiteuse, mais je ne peux pas le comprendre. Comment importer popper.js qui vient avec Bootstrap 4 beta?

j'utilise bower et j'ai installé Bootstrap 4 beta. Maintenant dans bower_components dossier, il y est popper.js répertoire, qui contient quelques sous-dossiers. Le problème c'est qu'il ne dist dossier et popper.min.js fichier.

Guide Bootstrap 4 liens vers CDN: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js

mais comment importer du popper.js sans CDN? Où trouver popper.min.js fichier?

EDIT: Même si je le télécharger zip à partir de popper.js site web, il contient exactement les mêmes fichiers que de bower.

17
demandé sur Qrzysio 2017-08-12 16:01:34

7 réponses

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

j'ai téléchargé le " popper.min.le fichier JS du CDN sur le site de bootstrap.

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

plus facile que de compiler le projet.

9
répondu Surenzxx 2017-08-13 06:21:39

la façon officielle d'installer Popper.js est un trou npm, fil ou NuGet.

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

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

Modifier:

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

cette méthode d'installation ne sera supportée que pour 1.x version de Popper.js et sera supprimée dans 2.x.

vous devriez migrer votre gestion de dépendances vers un système moderne comme npm ou Yarn, comme Bower le suggère aussi.

9
répondu Fez Vrasta 2017-08-16 12:56:03

Je ne comprends vraiment pas pourquoi Javascript world essaie de faire quelque chose de plus compliqué. Pourquoi ne pas simplement télécharger et inclure en html? Essayer d'avoir quelque chose comme Maven à Java? Mais il faut quand même l'inclure manuellement dans html? Alors, quel est le point? Peut-être qu'un jour je comprendrai, mais pas maintenant.

C'est comment je peux l'obtenir

  • télécharger & installer NodeJs
  • exécuter "npm install popper.js -- save"

  • alors je reçois ce message

    popper.js@1.12.7 ajouté 1 paquet en 1.215 s

  • alors où est "ajouter paquet"? très instructif , non? Je l'ai trouvé dans mon C:\Users\surasin\node_modules\popper.js \ dist

Espérons que cette aide

6
répondu Surasin Tancharoen 2017-11-11 14:05:24

j'ai eu le même problème. Essayé différentes approches, mais celui-ci a fonctionné pour moi. Lire attentivement les instructions de http://getbootstrap.com/.

copier les chemins CDN de Javascripts (Popper, jQuery et Bootstrap) de la même manière (c'est important) comme indiqué.

enter image description here

<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>
2
répondu MrGreen 2017-11-06 05:06:25

Comment obtenir popper.js: Forfait, CA et Locales fichier

La meilleure façon dépend si vous avez un projet avec un gestionnaire de paquets comme mnp.

gestionnaire de paquets

Si vous utilisez un gestionnaire de paquets, utilisez-le pour obtenir popper.js comme ceci:

npm install popper.js --save

CDN

Pour un environnement de prototype ou de terrain de jeu (comme http://codepen.io) ou peut simplement vouloir 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

note: Bootstrap 4 nécessite les versions sous le umd chemin (plus d'infos sur popper/bs4).

fichier

il suffit de sauvegarder un des fichiers CDN à utiliser localement. Exemple, coller une de ces URLs 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

1
répondu Lee 2017-10-01 16:46:58

Vous pouvez télécharger et importer tout Bootstrap, et Popper, avec une seule commande en utilisant Extraction De L'Injection:

fetchInject([
  'https://npmcdn.com/bootstrap@4.0.0-alpha.5/dist/js/bootstrap.min.js',
  'https://cdn.jsdelivr.net/popper.js/1.0.0-beta.3/popper.min.js'
], fetchInject([
  'https://cdn.jsdelivr.net/jquery/3.1.1/jquery.slim.min.js',
  'https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js'
]));

ajouter des fichiers CSS si vous en avez besoin aussi. Ajustez les versions et les sources externes pour répondre à vos besoins et envisagez d'utiliser l'intégrité des sous-Ressources pour vérifier si vous n'hébergez pas les fichiers sur votre propre domaine ou si vous ne faites pas confiance à la source.

0
répondu Josh Habdas 2018-08-15 15:26:32

Il s'avère que Popper.js ne fournit pas de fichiers compilés sur son dépôt GitHub. Par conséquent, il faut compiler le projet lui-même ou télécharger des fichiers compilés à partir de CDNs. Il ne peut pas être importé automatiquement.

-1
répondu Qrzysio 2017-08-16 14:14:46