Comment importer popper.js?

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

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

Bootstrap 4 guide des liens au rdc: 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 popper.min.js fichier?

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

Télécharger (à partir de la CAN) de votre répertoire sur le serveur, et reportez-vous à partir de là?!
Le fichier que vous avez lié à crée un Popper variable, de sorte que le téléchargement de ce fichier et l'importer via <script> devrait fonctionner.
Je voudrais utilisateur bower pour être en mesure de mettre à jour facilement des scripts dans l'avenir.
Bower est obsolète, utiliser npm

OriginalL'auteur Qrzysio | 2017-08-12

9

Je suis tombé sur le même problème.

J'ai téléchargé le "popper.min.js' le fichier à partir de la CAN sur le bootstrap site web.

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

Plus facile que la compilation du projet.

a fonctionné pour moi, merci man!
Mec, vous êtes mon héros. L'apprentissage de web dev dans mon temps libre, tout le monde parle de Verdure et de Fils etc. Alors vous êtes comme, il suffit d'inclure ce.
La partie la plus cool au sujet de cette approche et que vous êtes déjà en retard sur la dernière version de ma bibliothèque et il vous manque quelques corrections importantes. C'est pourquoi la dépendance des gestionnaires existent.
Que voulez-vous dire?
Si vous copiez-collez le code sans utiliser une dépendance gestionnaire de manquer des mises à jour importantes.

OriginalL'auteur Surenzxx
9

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.

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 tant que Bower dépendance.

Cette méthode d'installation est pris en charge uniquement pour les 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.

Il n'est pas facile. Lors de l'installation de Bootstrap 4 par l'intermédiaire de la Charmille c'est le téléchargement non-compilé popper.js mais téléchargé jQuery est "prêt à aller".
Bower est obsolète, vous devez utiliser npm
mnp ne semble pas installer le réel popper.js fichier. Est-il une autre étape après qui?
Vous trouverez les fichiers dans le dossier dist. Assurez-vous d'installer popper.js, pas "popper"
Fès Vrasta, vous venez de m'a sauvé heures. npm install popper.js --enregistrer

OriginalL'auteur Fez Vrasta
6

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
- run "npm install popper.js --save"
- puis je reçois ce message d'
  
  [email protected].7
  ajouté 1 paquet de contribution maximale de 1,215 s
- puis "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

Trop de l'avis de réponse basé sur w/o/ bonne quantité de ressources techniques.

OriginalL'auteur Surasin Tancharoen
2

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

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

Gestionnaire de paquets

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

OriginalL'auteur whitneyland
0

Vous pouvez télécharger et importer l'ensemble de Bootstrap, et Popper, avec une seule commande à l'aide de Chercher De L'Injection:
```
fetchInject([
  'https://npmcdn.com/[email protected]/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/[email protected]/dist/js/tether.min.js'
]));
```
Ajouter des fichiers CSS si vous avez besoin de ces trop. Ajuster les versions et sources externes pour répondre à vos besoins et prendre en compte l'utilisation de sous-ressources de la vérification de l'intégrité si vous n'êtes pas de l'hébergement des fichiers sur votre propre nom de domaine ou de ne pas faire confiance à la source.

OriginalL'auteur Josh Habdas
-1

Il s'avère que Popper.js ne pas fournir les fichiers compilés sur son GitHub. Par conséquent, on a pour compiler le projet, sur son propre ou de télécharger des fichiers compilés à partir de Cdn. Il ne peut pas être importés automatiquement.

L'approche proposée est d'utiliser npm en fait

OriginalL'auteur Qrzysio

Vous devez vous connecter pour publier un commentaire.

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