How to import popper.js? (not with a CDN, installed with NPM)

Asked Jul 29 '18 at 11:10

Active Sep 13 '19 at 06:40

Viewed 2,181 times

I am aware there is other similar questions such as this one. However mine is quite different.

I would like to know how to import Popper.js using the import directive. So far I have this on my app.js (but it does not work yet)

import * as popper from 'popper.js'
window.popper = popper

But I have to mangle every example I find on the Internet with popper.. Moreover this include takes two lines while the traditional writing window.popper = require('popper.js') takes only one line.

What is the correct way to import Popper.js and other similar JS libraries?

asked Jul 29 '18 at 11:10

nowox

25,978
39
143
293

`import Popper from 'popper.js';` is enough to use it. The window assignment is needed only by Bootstrap – Fez Vrasta Jul 30 '18 at 07:43
No it is not, because `Popper` is therefore not globally accessible. I have to put it into `document.Popper`. So it requires an additional line. – nowox Jul 30 '18 at 07:47
If you are using ES modules you shouldn't rely on globally accessible modules – Fez Vrasta Jul 30 '18 at 07:48
Unfortunately I need this :( – nowox Jul 30 '18 at 07:49
Then just assign it to window after you import it as I described above – Fez Vrasta Jul 30 '18 at 07:49
@FezVrasta Is this the same import for Tooltip.js ? – Gobliins Oct 18 '19 at 12:21

How to import popper.js? (not with a CDN, installed with NPM)

0 Answers0