WOW.js не работает в Webpack, почему?

Question

[Влад]

Столкнулся с данной проблемой, нашёл вот такой вот ответ Почему не работает WOW.js в Webpack?
Всё перепробовал из топика, и wowjs и wow.js - ничего не работает :(

Uncaught ReferenceError: WOW is not defined
...

хоть ты убей. Хочу всё закатать в один бандл, не получается ((

"dependencies": {
    ...
    "wow.js": "^1.2.2",
    "wowjs": "^1.1.3"
},
"devDependencies": {
"webpack": "^5.10.0"
...
}

Answer 1

[Виктор Дубров]

Добрый день.
1. Вы устанавливаете https://www.npmjs.com/package/wowjs
npm i wowjs
2. Вы импортируете
import WOW from 'wowjs';
3.Вы создаете экземпляр класса WOW, у которого есть метод WOW , с помощью него и инициализируете

new WOW.WOW({
    live: false
   //и любые другие параметры - это просто пример
}).init();

4.Далее вы подключаете animate.css
import 'wowjs/css/libs/animate.css'

И все должно работать.

Проверял на анимации появления, элемент должен выезжать снизу.

<div class="wow bounceInUp">
      Я появляюсь снизу
</div>

Comments

[Влад]

Я решил это не через wowjs, а через wow.js :)

import WOW from 'wow.js';
new WOW().init();

Всё дело было в том, что импорт библиотеки находился в точке входа, а инициализация производилась отдельно в изолированном файле :)
Разобрался, сорри, что ввёл в заблуждение.

Кстати, если юзать wow.js и его animate.css, то анимация начинает стартовать от контейнера, в котором находится элемент, к которому применяется анимация, но если добавить отдельно `npm i animate.css --save` и импортнуть его в стили, то анимация пляшет от окна браузера. Не знаю почему так, не разобрался.